Flutter动态切换Scaffold的body内容（Provider状态管理）问题求助

核心问题分析 #

你遇到的ProviderNotFoundException确实是因为那句提前读取Provider的代码导致的——你在build方法开头用当前context去获取ScreenData，但此时ChangeNotifierProvider还没被添加到Widget树里，这个context属于Pananta本身，它的父节点里根本没有这个Provider，自然找不到。另外你的ScreenData里的selectedIndex getter写法也有问题，每次调用getter都触发notifyListeners()会导致不必要的组件重绘。

修正后的代码 #

main.dart

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // 把Provider放在最外层，确保所有子组件都能获取到
    return ChangeNotifierProvider<ScreenData>(
      create: (_) => ScreenData(),
      child: MaterialApp(
        theme: ThemeData(fontFamily: 'Poppins'),
        home: const SafeArea(
          child: MainScaffold(),
        ),
      ),
    );
  }
}

class MainScaffold extends StatelessWidget {
  const MainScaffold({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    // 这里的context是Provider子树的context，可以正常读取
    int currentIndex = context.watch<ScreenData>().selectedIndex;
    return Scaffold(
      body: ScreenData.pages[currentIndex],
      bottomNavigationBar: const BottomBarMenu(),
    );
  }
}

screen_data.dart

class ScreenData extends ChangeNotifier {
  int _pageIndex = 0;

  static List<Widget> pages = const [
    HomePage(),
    UserProfile(),
  ];

  // 修正setter：更新值后再通知监听者
  set selectedIndex(int selected) {
    _pageIndex = selected;
    notifyListeners(); // 状态变更时才通知，避免无效重绘
  }

  // getter只返回当前值，不做额外操作
  int get selectedIndex => _pageIndex;
}

BottomBarMenu示例（补充你缺失的部分）

class BottomBarMenu extends StatelessWidget {
  const BottomBarMenu({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    int currentIndex = context.watch<ScreenData>().selectedIndex;
    return BottomNavigationBar(
      currentIndex: currentIndex,
      onTap: (index) {
        // 调用setter更新页面索引
        context.read<ScreenData>().selectedIndex = index;
      },
      items: const [
        BottomNavigationBarItem(
          icon: Icon(Icons.home),
          label: '首页',
        ),
        BottomNavigationBarItem(
          icon: Icon(Icons.person),
          label: '我的',
        ),
      ],
    );
  }
}

关键修改点说明 #

• Provider层级调整：把ChangeNotifierProvider放在MaterialApp外层，确保整个应用的子组件都能通过context获取到ScreenData实例。
• 去掉无用的StatefulWidget：既然用Provider管理状态，Pananta不需要再维护自己的state，改成StatelessWidget更简洁。
• 修正状态通知逻辑：把notifyListeners()移到setter里，只有当索引真正改变时才通知组件更新，避免getter每次被调用都触发重绘。
• 正确使用context读取Provider：在Provider的子组件（比如MainScaffold、BottomBarMenu）里用context.watch或context.read来读取/修改状态，这些context属于Provider的子树，能正确找到Provider。

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