플러터 앱프로그래밍 Day4

플러터 앱프로그래밍 Day4

위젯의 생명주기를 알면 언제 데이터를 주고받을지, 그리고 화면이 사라질 때 어떤 로직을 처리해야 할지를 정리해서 넣을 수 있다.

생명주기를 이해하면 앱의 동작이나 자원을 효율적으로 관리할 수 있다.

 

스테이트리스 위젯은 한 번 만들어지면 갱신할 수 없으므로 생명주기가 없다.

즉, 다른 화면으로 넘어가면 모든 로직이 종료된다.

 

그러나 스테이트풀 위젯은 10단계로 구분하는 생명주기가 있다.

앞에 붙은 번호순으로 생명주기가 진행되므로 순서도 눈여겨봐야 한다.

 

 

 

<스테이트풀 위젯의 생명주기>

 

상태를 생성하는  createState() 함수

먼저 StatefulWidget 클래스를 상속받는 클래스는 반드시 createState() 함수를 호출해야 한다.

이 함수는 다른 생명주기 함수들이 포함된 State 클래스를 반환한다.

즉, 위젯의 상태를 생성하는 함수인 것이다.

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => new _MyHomePageState();
  }

 

 

 

 

 

위젯을 화면에 장착하면 mounted == true

상태가 생성되면 곧바로 mounted 속성이 true로 변경된다.

mounted 속성이 true라는 것은 위젯을 제어할 수 있는 buildContext 클래스에 접근할 수 있다는 의미이다.

 

 

 

 

위젯을 초기화하는 initState() 함수

 initState() 함수는 위젯을 초기화할 때 한 번만 호출한다.

주로 데이터 목록을 만들거나 처음 필요한 데이터를 주고받을 때 호출한다.

@override
initState() {
    super.initState();
    _getJsonData();
}

 

 

 

 

 

의존성이 변경되면 호출하는 didChangeDependencies() 함수

이 함수는 데이터에 의존하는 위젯이라면 화면에 표시하기 전에 꼭 호출해야 한다. 

주로 상속받은 위젯을 사용할 때 피상속자가 변경되면 호출한다.

 

 

 

 

 

화면에 표시하는 build() 함수

이 함수는 Widget을 반환한다.

즉, 위젯을 화면에 렌더링한다. build() 함수에서 위젯을 만들고 반환하면 화면에 표시된다. 

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.amber,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

 

 

 

 

 

위젯을 갱신하는 didUpdateWidget() 함수

데이터가 변경되어 위젯을 갱신해야 할 때 호출한다.

 

 

 

 

 

위젯의 상태를 갱신하는 setState() 함수

setState() 함수를 이용하면 데이터가 변경되었다는 것을 알려주고 변경된 데이터를 이용해 화면의 UI를 변경할 수 있도록 한다.

앱의 화면을 구성하는 함수이므로 제일 많이 호출하는 함수이다.

void updateProfile(String name) {
	setState() => this.name = name);
}

 

 

 

 

 

위젯의 상태 관리를 중지하는 deactivate() 함수

deactivate() 함수는 State 객체가 플러터의 구성 트리로부터 제거될 때 호출된다.

다만, State 객체가 제거됐다고 해서 해당 메모리까지 지워지지는 않는다.

 

 

 

 

 

위젯의 상태 관리를 완전히 끝내는 dispose() 함수

State 객체를 영구적으로 소멸할 때 호출한다.

이 함수를 호출한다는 것은 이제 해당 위젯을 종료한다는 뜻이다. 

 

 

 

 

 

위젯을 화면에서 제거하면 mounted == false

State 객체가 소멸하면 마지막으로 mounted 속성이 false로 되면서 생명주기가 끝난다.

 

 

 

 

 

위젯의 생명주기 요약

호출 순서	생명주기	내용
1	createState()	처음 스테이트풀을 시작할 때 호출
2	mounted == true	createState() 함수가 호출되면 mounted는 true
3	initState()	State에서 제일 먼저 실행되는 함수. State 생성 후 한 번만 호출
4	didChangeDependencies	initState() 호출 후에 호출되는 함수
5	build()	위젯을 렌더링하는 함수. 위젯을 반환
6	didUpdateWidget()	위젯을 변경해야 할 때 호출하는 함수
7	setState()	데이터가 변경되었음을 알리는 함수. 변경된 데이터를 UI에 적용하기 위해 필요
8	deactivate()	State가 제거될 때 호출
9	dispose()	State가 완전히 제거되었을 때 호출
10	mounted == false	모든 프로세서가 종료된 후 mounted가 false로 됨