본문 바로가기

Programming/Dart & Flutter

Flutter 6일 차 - Flutter for iOS devs (6/8), Form input

반응형

Form input

https://flutter.dev/docs/get-started/flutter-for/ios-devs#form-input

How do forms work in Flutter? How do I retrieve user input?

Flutter 가 분리된 상태와 불변의 위젯을 사용을 고려할때 , 그림에 유저 입력을 어떻게 맞출지 고민해야 한다. 

iOS 에서는 일반적으로 유저 입력이나 액션이 제출될때 현재 상태를 조회한다.

Flutter 에서는 어떻게 동작할까?

 

특화된 위젯을 통해서 flutter 에서도 모두 처리된다. 

만약 TextField, TextFormField 가 있다면 유저 인풋을 가져오기 위해 TextEditingController 를 제공할 수 있다.

What is the equivalent of a placeholder in a text field?

https://flutter.dev/docs/get-started/flutter-for/ios-devs#what-is-the-equivalent-of-a-placeholder-in-a-text-field

 

flutter 에서는 hint 를 보여주거나 플레이스홀더 텍스트를 쉽게 보여줄 수 있다.

TextWidget 의 decoration 생성자 매개변수로 InputDecoration 객체를 추가하면 된다.

How do I show validation errors?

https://flutter.dev/docs/get-started/flutter-for/ios-devs#how-do-i-show-validation-errors

 

hint 를 사용하듯이 Text 위젯의 decoration 생성자에 InputDecoration 을 넘기면 된다.

 

그러나 오류를 표시하며 시작하고 싶지 않을 것 이다.

그대신 유저가 유효하지 않은 데이터로 들어 온다면 state 를 업데이트하고 새 InputDecoration 객체를 넘긴다.

 

반응형