[Flutter] Flutter의 Widget Lifecycle

안녕하세요. 메로나입니다.

 

오늘은 Flutter Widget에 대한 Lifecycle을 공부해보려 합니다.

현재 안드로이드 개발자로 활동하면서 Lifecycle의 중요서울 알기에 flutter를 접하면서 flutter Lifecycle을 찾아보니 있더군요!

 

Flutter Widget Lifecycle은 Stateless Widget Lifecycle과 Stateful Widget으로 나뉘는 것을 확인했습니다.

두 가지 Lifecycle에 대해 공부하겠습니다.

 

Stateless Widget Lifecycle?

• Stateless Widget 은 최초 앱 빌드 시 UI가 변하지 않습니다.
• 즉 단 한 번의 build() 함수를 실행합니다.
• 만약 변경이 필요하다면 새로 build()를 해야 합니다.

stateless widget lifecycle(google)

 

Stateful Widget Lifecycle?

Stateful Widget은 상태(State)를 가지고 있어 Lifecycle이 복잡합니다.

stateful widget lifecycle(google)

 

1. createState() : statefulWidget을 구축하자마자 호출합니다.

2. initState() : Widget Tree를 초기화합니다. 또한 한 번만 호출합니다.

3. didChageDependencies() : state 객체의 종속성이 변경될 때마다 호출됩니다.

4. build() : UI를 구축하고, 반복적으로 호출됩니다.

5. didUpdateWidget() : Widget 구성이 변경될 때마다 호출하고, 다시 그려야 할 때 호출됩니다.

6. setState : 상태가 변경되었을 때 프레임워크에 상태가 변경됨을 알립니다.

7. deactivate() : state 오브젝트가 트리로부터 삭제될 때마다 호출됩니다.

8. dispose() : 객체가 트리에서 완전히 삭제되고 두 번 빌드되지 않으면 호출됩니다.

 

단. 다시 그릴 때는 build() / didUpdateWidget() / setState가 호출된다.

 

Test Code

 

참고문헌

https://parkjh7764.tistory.com/185

[Flutter] 위젯 상태관리 라이프사이클 / StatelessWidget, StatefulWidget LifeCycle 함수 메서드 정리

https://medium.com/@hadiyaaamir222/lifecycle-of-a-stateful-widget-aece2d56c946

Lifecycle of a Stateful Widget

https://fronquarry.tistory.com/16

[flutter] 플러터 StatefulWidget 라이프 사이클 (lifecycle)