深入剖析 InheritedWidget：Flutter 中的数据共享利器

2023-09-15 23:44:03

引言

在 Flutter 应用程序中管理数据至关重要。InheritedWidget 是一个功能强大的组件，可用于在小部件树中从上到下共享数据。通过使用 InheritedWidget，您可以避免在小部件树中手动传递数据，从而提高代码的可读性和可维护性。

本指南将深入探讨 InheritedWidget，解释它的工作原理，并展示如何使用它来构建高效、可维护的 Flutter 应用程序。

理解 InheritedWidget

InheritedWidget 是一个抽象类，用于创建可以共享数据的自定义小部件。它包含两个关键方法：

updateShouldNotify：确定子小部件是否需要重建。
build：创建并返回子小部件。

要使用 InheritedWidget，您需要创建自定义小部件并覆盖这两种方法。在 updateShouldNotify 方法中，您需要比较新旧小部件的状态，并返回一个布尔值指示子小部件是否需要重建。在 build 方法中，您需要创建并返回子小部件，并提供对 InheritedWidget 数据的访问。

创建自定义 InheritedWidget

以下是如何创建自定义 InheritedWidget 的示例：

class MyInheritedWidget extends InheritedWidget {
  final String data;

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

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

  @override
  Widget build(BuildContext context) {
    return child;
  }

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

此 InheritedWidget 接收一个 data 参数，该参数是您要在小部件树中共享的数据。updateShouldNotify 方法比较新旧小部件中的 data，并在数据更改时返回 true，从而触发子小部件的重建。

使用 InheritedWidget 共享数据

要使用 InheritedWidget 共享数据，您需要按照以下步骤操作：

创建一个自定义 InheritedWidget。
在小部件树中使用 InheritedWidget。
从小部件树中的任何位置访问 InheritedWidget 数据。

以下是如何使用自定义 InheritedWidget 的示例：

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

    return Text(data);
  }
}