Flutter中Inherited Widget修改name后子组件未重建，updateShouldNotify未执行

你遇到的核心问题是：InheritedWidget是不可变组件，你没有通过正确的方式触发它的实例更新，导致updateShouldNotify从未被调用，子组件也无法感知数据变化。以下是具体的修正方案：

1. 修正InheritedWidget的定义 #

InheritedWidget必须是不可变的，所有属性需标记为final，同时优化updateShouldNotify的返回逻辑（按需返回而非一直返回true）：

class InheritedRepo extends InheritedWidget {
  const InheritedRepo({
    super.key,
    required super.child,
    required this.name,
  });

  final String name; // 必须为final，符合不可变组件要求

  void shouldDoSome() {}

  static InheritedRepo of(BuildContext context) =>
      context.dependOnInheritedWidgetOfExactType<InheritedRepo>()!;

  @override
  bool updateShouldNotify(covariant InheritedRepo oldWidget) {
    print("name:$name");
    print("oldWidget.name:${oldWidget.name}");
    return name != oldWidget.name; // 仅当name变化时通知子组件
  }
}

2. 用StatefulWidget包裹InheritedWidget #

InheritedWidget本身无法更新，必须通过父StatefulWidget的状态变化触发重建，生成新的InheritedWidget实例：

class RepoScreen extends StatefulWidget {
  const RepoScreen({super.key});

  @override
  State<RepoScreen> createState() => _RepoScreenState();
}

class _RepoScreenState extends State<RepoScreen> {
  String _currentName = 'some name';

  // 触发name更新的方法
  void _updateName(String newName) {
    setState(() {
      _currentName = newName;
    });
  }

  @override
  Widget build(BuildContext context) {
    return InheritedRepo(
      name: _currentName,
      child: FilePickerScreen(onUpdateName: _updateName),
    );
  }
}

3. 修改跳转按钮的目标页面 #

不再直接跳转InheritedWidget，而是跳转到上面的StatefulWidget：

ElevatedButton(
  onPressed: () {
    Navigator.of(context).push(
      MaterialPageRoute(
        builder: (context) => const RepoScreen(),
      ),
    );
  },
  child: const Text("Filepicker Screen"),
)

4. 调整子组件FilePickerScreen #

去掉const修饰（避免缓存导致不重建），并添加触发更新的入口：

class FilePickerScreen extends StatelessWidget {
  const FilePickerScreen({super.key, required this.onUpdateName});

  final Function(String) onUpdateName;

  @override
  Widget build(BuildContext context) {
    // 通过of方法获取InheritedRepo，建立依赖关系
    final repo = InheritedRepo.of(context);
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text("当前name: ${repo.name}"),
        ElevatedButton(
          onPressed: () {
            // 调用父组件的更新方法，触发StatefulWidget重建
            onUpdateName('更新后的name');
          },
          child: const Text('修改name'),
        ),
      ],
    );
  }
}

关键逻辑说明 #

• InheritedWidget的更新依赖新旧实例对比：只有当父组件重建生成新的InheritedWidget实例时，framework才会调用updateShouldNotify方法。
• 之前的写法中，InheritedWidget是在路由builder中一次性创建的，没有任何机制触发它重新实例化，所以修改name的操作无法传递到InheritedWidget上。
• 子组件必须通过InheritedRepo.of(context)获取数据，才能建立与InheritedWidget的依赖关系，否则数据变化时不会触发重建。

内容的提问来源于stack exchange，提问作者yadhu