Flutter Setstate ?

setState() 이란?

• setState() 함수 안에서의 호출은 State 에서 무언가 변경된 사항이 있음을 Flutter Framework 에 알려주는 역할이다.
• 이로 인해 UI 에 변경된 값이 반영될 수 있도록 build 메소드가 다시 실행된다. 

쉽게 말해서 우리가 StatefulWudget 을 자주 사용을 한다.

 

StatefulWidget
StatefulWidget은 변경될 수 있는(mutable) 상태(state)를 가지고 있는 위젯이다.

여기서 상태는 1)위젯이 빌드되는 동시에 읽을 수 있고, 2)위젯의 생명 주기동안 변경할 수 있는 정보를 말한다.

그래서 StatefulWidget는 UI의 일부분이 동적으로 변화할 때 유용하게 사용할 수 있다.

아래는 StatefulWidget을 사용할 때의 기본 코드 구조이다.

class Example extends StatefulWidget {
  Example({Key? key}) : super(key: key);

  @override
  _ExampleState createState() => _ExampleState(); // State 생성.
}

class _ExampleState extends State<Example> {
  @override
  Widget build(BuildContext context) {
    return ... // UI에서 변화할 부분.
  }
}

StatefulWidget 인스턴스는 mutable 하지 않다. StatefulWidget 인스턴스 자체는 immutable 하지만, mutable한 상태(state)를 별도로 관리한다. 상태(state)가 저장되는 곳은 State 오브젝트이며, State 오브젝트는 createState() 메소드를 통해 생성된다.

따라서 UI에서 변화할 부분은 State 클래스의 build 메소드 리턴 값에 들어간다.

 

결론은 함수 안에다가 setState((){}); 라는 코드를 넣어주면 , "화면을 다시 그려라!" 라고 명령하는거다 ~!