Flutter
-
[Flutter] FocusNode 활용Flutter 2023. 10. 30. 15:52
TextField가 여러개 있다면, 원하는 Field에 Focus를 줄 수 있게하는 위젯이다. 보통 키보드의 엔터키를 누르거나, 다음 버튼을 터치했을 때 Cursor가 자동으로 넘어가게 할 때 유용하다. final FocusNode _focusNode = FocusNode(); 이렇게 선언 후 controller처럼 Textfield 하나 당 focusnode 하나를 할당해주면 된다. TextFormField( autovalidateMode: AutovalidateMode.always, autofocus: true, controller: _textEditingController, focusNode: _focusNode, decoration: InputDecoration( label: Text( 'Ente..
-
Flutter 생명 주기Flutter 2023. 10. 23. 14:21
- Flutter의 화면은 위젯으로 이루어져 있다. - 모든 위젯은 위젯트리에 의해 관리되고 있다. - Stateless 위젯은 한번 생성되면 절대 바뀌지 않기 때문에 상태 변환을 하려면 완전 삭제 후 다시 생성해야 한다. - Stateful 위젯은 상태 관리를 위한 별도의 State 객체와 링크하여, 위젯을 제거하지 않고도 상태를 변화시킬 수 있다. Stateful WidgetLifeCycle 상태 설명 처음Constructor와 CreateState() 를통해 Stateful 위젯이 생성된다. 여기까지만 하면 사실상 Stateless 위젯임. 그리고 상태관리를 해주는 State 객체에 연결(mount)된다. initState() 제일 처음 mount 되었을 때 실행되는 함수. 한번 불리면 다시 불리지..
-
[Flutter] Text 위젯의 overflow 속성 - 글자 수가 길어 넘어갔을 때Flutter 2023. 10. 19. 11:59
Text 위젯을 사용할 때 글자수가 너무 많아 부모 Container의 크기를 넘어갔을 때 Text( '글자 크기가 너무 길어서 넘어가요 넘어가요 넘어가요', overflow: TextOverflow.ellipsis, ) 와 같이 overflow: TextOverflow.원하는 모양 을 넣어주면 글자 크기가 화면을 넘어갔을 때의 보이는 모습을 설정해 줄 수 있다. clip, fade, ellipsis, visible 등이 있다.
-
[Flutter] IntrinsicHeight 한줄 정리Flutter 2023. 10. 19. 11:50
Intrinsic = 본질적인, IntrinsicHeight 위젯으로 감싼 위젯은의 자식은 부모 위젯이 제한한 고유한 높이에 자신의 높이를 맞춘다. IntrinsicHeight( child:Row( children:[ Container( height: 200, ), Expanded( child: Column( children: [ Text('1'), Text('2'), Text('3'), ] ), ), ] ) ) 이런 코드가 있으면, Expanded로 높이가 지정되어 있지 않은 Column의 높이는 200으로 맞춰진다.