Flutter 04. StatefulWidget과 StatelessWidget

강지원·2022년 2월 2일
0

Flutter

목록 보기
4/4
post-thumbnail

1. Flutter에서의 state

ReactJS와 마찬가지로 flutter에서도 state를 사용한다.

statelessWidget

상태를 가지지 않는 Widget

기본적으로 Flutter는 렌더링될 때 build 메서드가 호출되는데
build 메서드 내부에 구현한 내용이 렌더링된다.
하지만 상태가 없어 state(or 변수)를 활용한 함수로
기능을 만들어도 작동하지 않는다.
(단 한 번 렌더링 되어 변경값이 재렌더링되지 않는다)

statefulWidget

변화하는 데이터에 따라 재렌더링을 일으켜 변경된 데이터(or UI)를
보여주는 역할을 해주는 것이 statefulWidget이다.
ReactJS에서 state를 이용하는 것과 동일하게 사용할 수 있는 Widget으로,
변경되는 state 값은 setState 메서드로 관리한다.

상태가 존재하기에 state(or 변수)를 활용한 함수로
기능 동작이 가능하다.
(setState로 state값에 변동이 일어나면 재렌더링이 일어나
변경값이 적용된다).

profile
'Why' better than 'Yes'

0개의 댓글