【Flutter】二十四、Flutter数据共享——InheritedWidget

    Flutter中可以使用InheritedWidget进行共享数据，通过InheritedWidget共享的数据可以从Widget树中由上向下传递，而不能反向传递。下面使用InheritedWidget完成一个计数器的例子：

一、创建共享数据

class ShareDataWidget extends InheritedWidget{
  int data;
  ShareDataWidget({@required this.data, Widget child}) : super(child: child);

  // 通过此方法获取共享数据
  static ShareDataWidget of (BuildContext context) {
    return context.inheritFromWidgetOfExactType(ShareDataWidget);
  }

  //该回调决定当data发生变化时，是否通知子树中依赖data的Widget
  @override
  bool updateShouldNotify(ShareDataWidget oldWidget) {
  	//如果返回false，则子树中依赖(build函数中有调用)本widget
    //的子widget的`state.didChangeDependencies`会被调用
    return oldWidget.data != data;
  }

}

二、创建一个使用ShareDataWidget获取数据的TextWidget

class TextWidget extends StatefulWidget{
  @override
  _TextWidgetState createState () => _TextWidgetState();
}
class _TextWidgetState extends State<TextWidget>{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Text(
        'count: ' + ShareDataWidget.of(context).data.toString()
    );
  }
  @override
  void didChangeDependencies() {
    // TODO: implement didChangeDependencies
    super.didChangeDependencies();
    //父或祖先widget中的InheritedWidget改变(updateShouldNotify返回true)时会被调用。
    //如果build中没有依赖InheritedWidget，则此回调不会被调用。
    print('change');
  }
}

三、使用创建的TextWidget

class TestShareDataWidgetDemo extends StatefulWidget{
  @override
  _TestShareDataWidgetDemoState createState() => _TestShareDataWidgetDemoState();
}

class _TestShareDataWidgetDemoState extends State<TestShareDataWidgetDemo> {
  int count = 0;

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
      child: ShareDataWidget(
        data: count,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextWidget(),
            RaisedButton(
              child: Text('add count'),
              onPressed: () => setState(()  => count++),
            )
          ],
        ),
      ),
    );
  }
}

运行效果