[解決済み] Flutter 継承されたウィジェットを正しく使うには？

InheritedWidgetをインスタンス化した後 context.inheritedWidgetOfExactType (または MyClass.of でも基本的に同じです); 暗黙の了解として、このメソッドは Element に関連付けられた InheritedWidget . そして、その Element が新しいウィジェットを取得するたびに、前のメソッドを呼び出したすべてのウィジェットを強制的に更新します。

要するに、既存の InheritedWidget を新しいものに置き換えると、flutter はそれが変更されたことを認識します。そして、バインドされたウィジェットに変更の可能性を通知します。

すべてを理解したのであれば、すでに解決策を推測しているはずです。

をラップして InheritedWidget の中に StatefulWidget を作成すると、新しい InheritedWidget を作成します。

実際のコードでの最終結果は、:

class MyInherited extends StatefulWidget {
  static MyInheritedData of(BuildContext context) =>
      context.inheritFromWidgetOfExactType(MyInheritedData) as MyInheritedData;

  const MyInherited({Key key, this.child}) : super(key: key);

  final Widget child;

  @override
  _MyInheritedState createState() => _MyInheritedState();
}

class _MyInheritedState extends State<MyInherited> {
  String myField;

  void onMyFieldChange(String newValue) {
    setState(() {
      myField = newValue;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MyInheritedData(
      myField: myField,
      onMyFieldChange: onMyFieldChange,
      child: widget.child,
    );
  }
}

class MyInheritedData extends InheritedWidget {
  final String myField;
  final ValueChanged<String> onMyFieldChange;

  MyInheritedData({
    Key key,
    this.myField,
    this.onMyFieldChange,
    Widget child,
  }) : super(key: key, child: child);

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

  @override
  bool updateShouldNotify(MyInheritedData oldWidget) {
    return oldWidget.myField != myField ||
        oldWidget.onMyFieldChange != onMyFieldChange;
  }
}

しかし、新しい InheritedWidget を作成すると、ツリー全体が再構築されるのではないでしょうか？

いいえ、必ずしもそうなるわけではありません。新しい InheritedWidget は、以前とまったく同じ子を持つ可能性があるからです。正確には、同じインスタンスを意味します。 以前と同じインスタンスを持つウィジェットは、再構築されません。

そして最も多い状況(アプリのルートにinheritedWidgetを持つ)では、継承されたウィジェットは 一定 . そのため、不要な再構築はありません。