[flutter] 플러터 TextField 값 가져오기

플러터 TextField 값 가져오는 방법을 알아보겠습니다. 천천히 따라오시면 매우 간단하게 TextField값을 가져올 수 있습니다.

 

 

▣ TextField 값 가져오기

1. Stateless위젯이라면 StatefulWidget위젯으로 변경해줍니다.

2. 아래와 같이   

TextEditingController tec = TextEditingController(); 로 TextEditingController객체를 생성해줍니다.

class Login extends StatefulWidget {
  const Login({Key? key}) : super(key: key);

  @override
  State<Login> createState() => _LoginState();
}

class _LoginState extends State<Login> {
  TextEditingController tec = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(

3. TextField위젯의 인자로 controller를 추가하고 값을 아까 만들었던 객체로 지정합니다.(tec)

TextField(
  controller: tec,
),

 

4. 원하는 곳에서 객체.text (tec.text)로 TextField값을 가져 올 수 있습니다.