provider | Flutter Package

<aside> 💡 InheritedWidget 을 가용성과 재사용성을 높일 수 있게 해주는 wrapper 플러그인

</aside>

InheritedWidget을 직접 사용하지 않고 Provider를 이용하면 얻을 수 있는 이점은 다음과 같다.

1. 리소스의 할당과 해제를 간략화한다.
2. lazy-loading 속성을 부여한다.
3. 매번 새로운 클래스를 만들면서 생기는 대량의 보일러플레이트를 생략한다.
4. 플러터의 devTool에 친화적인 플러그인으로 앱의 상태를 devTool에서 볼 수 있다.
5. 생성된 InheritedWidget 을 소모하는 일반적인 방법을 제공한다
6. 알림을 발송하는데 시간복잡도가 $O(n)$인 ChangeNotifier 같은 기하급수적인 시간복잡도 수신 메커니즘을 가진 클래스들의 확장성을 향상시킨다.

프로바이더 생성 방법

프로바이더 생성 방법은 2가지가 있다.

• 생성자를 통한 방법

  • 새로운 객체를 생성하면서 객체를 노출하려 할 때 사용하는 방법이다.
  • 외부에서 만든 객체를 create 옵션으로 넘겨주면 객체가 다른 코드 영역에서 사용중일 수 있는데도 프로바이더 내부에서 용도가 끝나면 삭제하기 때문에 주의해야 한다.
  • 변경될 수 있는 값을 인수로 넘겨주는 생성자를 사용하면 안된다.
    • 사용해야 할 때는 ProxyProvider를 사용해야 한다.

  Provider(
    create: (_) => MyModel(),
    child: ...
  )
  
  // 주의
  Person person = Person();
  ChangeNotifierProvider<Person>(
    create: (_) => person; // bad!
  )
  
  //주의
  int count;
  Provider(
    create: (_) => MyModel(count),
    child: ...
  )
  
  int count;
  ProxyProvider0(
    update: (_, __) => MyModel(count),
    child: ...
  )
  

• Provider.value를 통한 방법 (value 생성자 라고도 함)

  • 외부에서 이미 생성된 객체를 넘겨주려고 할 때 사용하는 방법이다.
  • 숨기고 싶은 클래스가 있는데 그 클래스의 특정 값은 노출하고자 할 때 사용하는 방법이다.
  • value 값으로 새로운 객체 생성을 하면 해당 위젯이 리빌드 될 때 마다 새로운 객체를 생성하고, 해당 값을 참조하고있는 모든 위젯을 리빌드하기 때문에 주의해야 한다.

  MyModel model = MyModel();
  ChangeNotifierProvider.value(
    value: MyModel(),
    child: ...
  )
  
  // this is bad!
  // everytime this widget is rebuilt, it will create a new instance of `Person` and every new instance of Person will trigger a rebuild in _every_ widget reading this value.
  ChangeNotifierProvider.value(
    value: Person(),
    child: ...
  )
  
  //사용례
  class PersonsNameLabel extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Provider<String>.value(
        value: Provider.of<Person>(context).name,
        builder: (BuildContext context, Widget child) {
          return Text(context.watch<String>());
        },
      );
    }
  }
  

• 기본적으로 create와 update 콜백은 lazy loading은 true 이며 따로 설정해줄 수 있다.

  MyProvider(
    create: (_) => Something(),
    lazy: false,
  )
  

확장 메소드

BuildContext 객체의 확장 메소드를 제공하며, 이를 통해 값을 쉽게 읽어올 수 있다.

Provider.of<T>(context, listen: ture / false)) 를 간결화 한 메소드이다.

• context.read<T>()
  • 1회성 읽기
  • 값이 변경될 때 위젯을 리빌드하지 않으며 또한 StatelessWidget.build 나 State.build 내부에서 호출할 수 없다.
  • 이 메소드들 외부에서는 자유롭게 호출할 수 있다.