在Flutter中实现全局状态管理的新思路：InheritedWidget与Provider

2023-11-14 11:20:36

Flutter中的状态管理一直是开发者们关注的焦点，因为Flutter本身并不提供一个内置的状态管理解决方案。因此，出现了各种各样的第三方状态管理库，其中InheritedWidget和Provider是最受欢迎的两个。

InheritedWidget

InheritedWidget是一种简单而有效的状态管理工具。它允许您在widget树中共享数据，而无需将数据显式地传递给每个子widget。要使用InheritedWidget，您需要创建一个继承自InheritedWidget的新类，并在其中定义要共享的数据。然后，您需要在widget树中使用该类，并将其作为子widget的父widget。子widget可以通过InheritedWidget.of()方法访问共享的数据。

以下是使用InheritedWidget实现全局状态管理的示例：

class MyInheritedWidget extends InheritedWidget {
  final String data;

  MyInheritedWidget({required this.data, required Widget child}) : super(child: child);

  static MyInheritedWidget of(BuildContext context) {
    return context.dependOnInheritedWidgetOfExactType<MyInheritedWidget>()!;
  }

  @override
  bool updateShouldNotify(MyInheritedWidget oldWidget) {
    return data != oldWidget.data;
  }
}

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final data = MyInheritedWidget.of(context).data;

    return Text(data);
  }
}

在上面的示例中，我们创建了一个名为MyInheritedWidget的新类，并定义了一个名为data的字符串属性。然后，我们在widget树中使用MyInheritedWidget，并将其作为MyWidget的父widget。MyWidget可以使用InheritedWidget.of()方法访问MyInheritedWidget中的data属性。

Provider

Provider是一种更强大的状态管理工具，它允许您在应用程序中共享任何类型的对象。要使用Provider，您需要创建一个Provider对象，并将其添加到widget树中。然后，您可以使用Provider.of()方法从widget树中的任何位置访问Provider中的对象。

以下是使用Provider实现全局状态管理的示例：

final provider = Provider<String>(create: (_) => 'Hello, world!');

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final data = Provider.of<String>(context);

    return Text(data);
  }
}