반응형
실시간
-
[flutter] 플러터 TextFormField 내용 수정할 때마다 바뀌는 Text 구현하기 / onChange 속성앱 개발/플러터(Flutter) 2022. 8. 11. 16:46
숫자를 입력하면 거기에 10퍼센트 더한 계산결과를 보여주는 실시간 게산기를 구현해보고 싶다. 첫째로, rewardCtrl라는 TextEditingController를 선언했다. 이 rewardCtrl에서부터, 사용자에게 입력받은 데이터를 뽑아올 수 있다. 아래와 같이 SizedBox 내에 TextFormField를 child로 두었다. 입력창의 크기가 고정되도록 만들었다. 아래와 같은 속성을 추가하여, 사용자가 숫자 이외에는 입력할 수 없도록 설정하자. keyboardType: TextInputType.number onChange라는 속성을 사용할건데, '내용이 바뀔 때 마다' 시행되는 함수이다. onChanged: (text){ setState(() { _rewardCalculResert = _rewa..