[ 2025.08.20 ] 01. setState / Counter

흔히 보이는 Counter를 예시로 들겠습니다.

 

위에 변수 counter를 넣습니다.

 

 IconButton을 누르면 onPress 이벤트로 위에서 정의한 add 함수가 실행됩니다.

 

그런데 아마 안되실겁니다.

 

왜 그럴까요?

일단 플러스 버튼을 딸각하면 add 함수가 호출되고  counter 변수가 증가 합니다.

 

하지만 Flutter 즉 화면에는 변화가 없습니다.

 

 

Flutter에서 setState 로 이 변수가 변했다는걸 알려줘야 합니다.

즉! State안에서 상태값이 바뀌었으니. UI를 다시 그려라! 리빌드 해라!

 

라는걸 의미하게 됩니다.

 

 

이렇게 하여 + 버튼을 누르게 되면 리빌드 되면서 ui 반영이 되는 모습입니다.