Flutter原理篇：InheritedWidget原理解析（图文并茂！！！）

InheritedWidget是Flutter框架中非常重要的一部分，它提供了一种数据共享的方式。当InheritedWidget的状态发生变化时，它会通知依赖于这些状态的widget进行重新构建。

InheritedWidget的使用方法非常简单，你只需要继承InheritedWidget类，并实现它的dependencies方法，该方法用于定义哪些类型的依赖会触发此InheritedWidget的状态改变。

下面是一个简单的例子，演示如何创建和使用InheritedWidget：

class ThemeInheritedWidget extends InheritedWidget {
  final ThemeData themeData;
 
  ThemeInheritedWidget({
    Key key,
    @required this.themeData,
    @required Widget child,
  }) : super(key: key, child: child);
 
  @override
  bool updateShouldNotify(ThemeInheritedWidget oldWidget) {
    return themeData != oldWidget.themeData;
  }
 
  static ThemeData of(BuildContext context) {
    final ThemeInheritedWidget inheritedWidget = context.dependOnInheritedWidgetOfExactType<ThemeInheritedWidget>();
    return inheritedWidget.themeData;
  }
}
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ThemeInheritedWidget(
      themeData: ThemeData(primaryColor: Colors.blue),
      child: MaterialApp(
        home: HomePage(),
      ),
    );
  }
}
 
class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          'Theme Color is: ${ThemeInheritedWidget.of(context).primaryColor}',
          style: TextStyle(color: ThemeInheritedWidget.of(context).primaryColor),
        ),
      ),
    );
  }
}

在这个例子中，我们创建了一个ThemeInheritedWidget，它包含了一个themeData对象。在MyApp中，我们使用ThemeInheritedWidget包裹了MaterialApp，并设置了主题颜色。在HomePage中，我们通过ThemeInheritedWidget.of(context)来获取当前的主题数据，并将其应用到一个文本小部件中。

当ThemeData发生变化时，ThemeInheritedWidget会通知依赖于它的widget进行重新构建，从而更新显示的主题颜色。这就是InheritedWidget的基本使用方法和工作原理。