Flutter底部导航栏调用带Provider的页面找不到ViewModel如何解决

你出现报错的核心原因是 Provider的查找顺序错误：
Provider.of<T> 会沿着当前 context 的父节点链向上查找已注册的实例，而你当前的 HolidayListView 写法是先调用 Provider.of<HolidayListViewModel> 查找实例，之后才在子树中挂载 ChangeNotifierProvider 创建实例。此时查找用的 context 属于 HolidayListView 本身的父级上下文（也就是 MainMenu 的上下文），父级链路中没有注册过 HolidayListViewModel，自然会抛出找不到实例的错误。 #

方案1：保持页面内部封装Provider（无需修改MainMenu代码） #

把 ChangeNotifierProvider 的创建逻辑移到 Provider.of 调用的上层，用 Builder 拿到下层已包含Provider注册的上下文再做实例获取，修改后的HolidayListView代码如下：

class HolidayListView extends StatelessWidget {
  const HolidayListView({super.key});

  @override
  Widget build(BuildContext context) {
    // 先创建Provider实例，挂载到当前节点的父级上下文
    return ChangeNotifierProvider(
      create: (context) => HolidayListViewModel(),
      // 用Builder获取下层context，此时该context的父级已注册HolidayListViewModel
      child: Builder(
        builder: (innerContext) {
          final viewModel = innerContext.read<HolidayListViewModel>();
          // 原有页面的渲染逻辑全部移到这里即可
          return Scaffold(
            appBar: AppBar(title: const Text("假期列表")),
            // 页面其他内容
          );
        },
      ),
    );
  }
}

方案2：在PageView引入页面时注册Provider（适合需要外层控制ViewModel生命周期的场景） #

如果不需要把Provider封装在页面内部，直接在MainMenu的PageView子项外层包裹ChangeNotifierProvider即可：

// MainMenu中PageView的实现代码
class _MainMenuState extends State<MainMenu> {
  final PageController _pageController = PageController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: PageView(
        controller: _pageController,
        physics: const NeverScrollableScrollPhysics(),
        children: [
          // 其他底部导航页
          ChangeNotifierProvider(
            create: (context) => HolidayListViewModel(),
            child: const HolidayListView(),
          ),
        ],
      ),
      // 底部导航栏实现
      bottomNavigationBar: BottomNavigationBar(
        // 导航栏配置
        onTap: (index) => _pageController.jumpToPage(index),
      ),
    );
  }
}

• 若使用Provider 4.0+版本，可用context.read<T>()/context.watch<T>()替代Provider.of<T>(context, listen: false/true)，查找逻辑完全一致
• 仅当HolidayListViewModel需要在多个底部导航页共享时，才需要将ChangeNotifierProvider提到MainMenu甚至MaterialApp的上层包裹，否则优先使用页面级注册的方式，避免内存浪费

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