Flutter

[Flutter] TextField 입력필드 위젯

Stater 2023. 12. 31. 09:12
  //입력받는 부분을 구분하기 위해서사용
  TextEditingController idController = TextEditingController();
  
	body: Column(
        children: [
          TextField(
            controller: idController,
            //사용자에게 안내할 문구를 플래이스 홀더 형식처럼 표기할 수있다.
            decoration: InputDecoration(labelText: '아이디를 입력해주세요.'),
          ),
          ElevatedButton(
            onPressed: () {
              //클릭시 동작구현
              print(idController.text.toString());
            },
            child: Text('아이디를 입력 값 가져오기'),
          ),
        ],
      ),
반응형

'Flutter' 카테고리의 다른 글

[Flutter] Flutter 공부 tip 및 공식문서  (0) 2024.03.09
[Flutter] ValueNotifier로 상태 관리  (2) 2023.12.31
[Flutter] ListView 위젯  (0) 2023.12.15
[Flutter] ElevatedButton 위젯  (0) 2023.12.09
[Flutter] Text, Image, Icon 위젯  (0) 2023.12.09