-
앱 개발 / 프론트엔드 / Flutter - 텍스트필드 다루기웹_앱 개발/Flutter 2023. 1. 18. 22:15
*** 본 블로그는 친절하게 설명을 해주기 위함이라기보단 제가 해당 개념들을 공부하면서 참고한 자료들과 방식들을 시계열 순서로 메모와 함께 정리해놓음으로써 스스로 나중에 다시 참고하기 편하게 하기 위한 블로그입니다.
오랜만에 플러터를 만지는 중이라... 하나하나 다시 찾아보면서 하는 중
텍스트필드의 입력 텍스트를 핸들링 하려면 TextEditingController가 필요하다.
https://here4you.tistory.com/129
Flutter 강좌 - [Form] 텍스트필드의 변화를 핸들링하는 방법
Flutter 강좌 목록 : https://here4you.tistory.com/120 이번 강좌에서는 텍스트필드에 입력된 값의 변화를 감지하고 핸들링하는 방법에 대해서 알아본다. 텍스트필드에 입력된 텍스트의 변화를 감지하고
here4you.tistory.com
위의 링크 보면 바로 사용 가능
이제 placeholder(TextField 의 공백에 적혀있는 도움말)를 넣으려는 중
https://flutterforyou.com/how-to-add-placeholder-text-in-flutter-text-input/
How to Add Placeholder Text in Flutter TextField - flutterforyou.com
A placeholder text is a hint text which gives the user an idea about what to enter in the text input field. In this blog post, let’s see how to add placeholder text in Flutter TextField. As I mentioned in my previous Flutter TextField tutorial, the TextF
flutterforyou.com
위 링크 참고해서... 기억났다 플러터에서는 placeholder를 hint라고 했던 듯
이렇게 넣어주면 된다. 
예전에 짠 코드를 좀 참고해서 위와 같이 꾸며주었다. 근데 보니까 TextField가 ancestor 중에 Size가 지정이 되어 있는 애가 하나 있긴 있어야 하나보다. 뭔 RenderFlex 오류가 떠서(
"RenderBox was not laid out: RenderIgnorePointer#595d3 relayoutBoundary=up3 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE"
라고 떴다)
SizedBox로 감싸 주니까 해결됐다.
대충 위와 같은 형태 완성 '웹_앱 개발 > Flutter' 카테고리의 다른 글
앱 개발 / 프론트엔드 / Flutter - Container Border (0) 2023.01.18 앱 개발 / FrontEnd / 플러터 - flutter getX 기반 탭구조 만들기 (0) 2023.01.17