Flutter11 [Flutter] StatefulWidget vs StatelessWidget 앱 개발도중 기초적인 부분에서 헷갈려서 포스팅하면서 다시 한번 정리하고자합니다! Flutter에서는 화면에 무엇인가 표시하는 경우 모든 것을 Widget으로 처리합니다. 이러한 widget은 크게 StatefulWidget과 StatelessWidget 2개로 나뉩니다. 오늘은 이 두 위젯의 차이점에 대해 포스팅 하고자 합니다. Stateless Widget 화면이 로드될 때 한 번만 그려지는 State변경이 불가능한 위젯으로 변경이 필요한 Data가 없는 것을 의미하며 이벤트 또는 사용자 상호 작용에 의해 동작하지 않습니다. 쉽게 말하면 한번 빌드 된 이후로 그 위젯의 상태에 관여할 수 없습니다. 보통 아래와 같이 간단하게 선언됩니다. StatelessWidget을 상속하고, build() 함수를 @o.. 2023. 8. 14. [Flutter]TextFormField 꾸미기 지난번 포스팅때 아래와 같은 TextFormField를 구현하였습니다. 정상적으로 작동하긴하지만 테두리가 아래에만 있어서 내용을 담을 수 있는 칸 같지도 않고 버튼도 기본 스타일이라 별로 이쁘지 않습니다. 그래서 TextFormField의 몇가지 기능을 사용해서 화면을 꾸며보도록 하겠습니다. autovalidateMode 사용자 입력 값을 onSaved() 호출할 때 validation 할지, 변경할 때마다 항상 validation을 할지 설정합합니다. AutovalidationMode.always로 설정하면 onChange()를 별도로 처리할 필요 없이 사용자가 입력할 때마다 validation을 진행합니다. maxLines 텍스트필드의 최대 줄 수를 지정해 줍니다. cursorColor cursor의.. 2023. 8. 13. [Flutter]TextFormField와 Form을 통한 사용자 입력 값 받기 TextFormField는 텍스트를 입력하고 입력한 텍스트를 저장 및 유효성 검사를 하기 위한 위젯으로 Form 과 함께 많이 사용합니다. 먼저 TextFormField를 사용하기 위한 방법에 대해서 알아보도록 하겠습니다. 1. Globalkey로 Form 만들기 Form 위젯은 여러 양식 필드를 그룹화하고 유효성을 검사하기 위한 컨테이너 역할을 합니다. 양식을 만들때 GlobalKey를 이용하여 Form을 고유하게 식별하고 이후에 여러 양식 필드의 유효성을 검사할 수 있습니다. GlobalKey는 요소를 식별하고 다른 키로의 액세스를 제공한다고 합니다. 그리고 상위 위젯에 적용했을 시 하위 위젯에까지 적용이 된다고 합니다. 저는 Form에 글로벌키를 사용하고, 하위 위젯인 TextFormField의 유.. 2023. 8. 12. 이전 1 2 3 다음
