[Flutter] Provider 패턴 구현, 변수 값 변동 시 전체 UI에 값 반영 (ChangeNotifier)

 

Issue

하나의 위젯 안에 여러 개의 위젯이 존재한다. 

 

하나의 클래스에 있는 값이 계층구조로되어있는 전체 위젯 UI에 적용된다.

 

이때, 클래스의 변수 값이 변경되었을 때, 트리위젯 UI 에 변경된 값을 적용하고 싶다.

 

어떤 위젯에 어떤 변수가 적용되어있는지 모른다.

 

하나의 클래스에 대해 특정 변수 값이 변동되면 해당 UI에 자동으로 변경된 값이 적용되도록 하고 싶다. 

 

Solution

Provider 패턴을 구현한다.

 

Provider 패턴은 트리처럼 세부 위젯이 복잡하게 구성되어있는 경우, 모든 위젯에 접근하지 않고, 하위 컴포넌트들을 한번에 관리해줄 수 있도록 하는 패턴이다.

 

Flutter에서는 ChangeNotifier로 Provider 패턴의 구현이 가능하다

 

https://patterns-dev-kr.github.io/design-patterns/provider-pattern/