Flutter

[Flutter] ValueNotifier로 상태 관리

Stater 2023. 12. 31. 09:35

 

=> ValueNotifier 상태 관리 참고 소스

ValueNotifier<int> count = ValueNotifier<int>(0);
body: Column(
        children: [
          TextField(
            controller: idController,
            //사용자에게 안내할 문구를 플래이스 홀더 형식처럼 표기할 수있다.
            decoration: InputDecoration(labelText: '아이디를 입력해주세요.'),
          ),
          ElevatedButton(
            onPressed: () {
              // //클릭시 동작구현
              count.value=30;
            },
            child: Text('아이디를 입력 값 가져오기'),
          ),
          ValueListenableBuilder(valueListenable: count, builder: (context, value, child) {
            return Text('Count :$value');
          },),
          Text(
            msg,
            style: TextStyle(fontSize: 30),
          )
        ],
      ),
반응형

'Flutter' 카테고리의 다른 글

[Flutter] Flutter 공부 tip 및 공식문서  (0) 2024.03.09
[Flutter] TextField 입력필드 위젯  (0) 2023.12.31
[Flutter] ListView 위젯  (0) 2023.12.15
[Flutter] ElevatedButton 위젯  (0) 2023.12.09
[Flutter] Text, Image, Icon 위젯  (0) 2023.12.09