如何让BottomNavigationBar背景色随各Scaffold背景色动态变化？

要实现BottomNavigationBar背景色和当前页面Scaffold背景色一致，核心思路是让每个页面暴露自己的背景色，主页面根据当前选中的页面索引动态获取对应颜色并设置给BottomNavigationBar。具体步骤如下：

1. 为每个页面类添加静态背景色属性 #

在每个独立页面的文件中，给页面Widget类添加一个静态Color属性，直接对应页面Scaffold的背景色，这样既能保证页面自身背景色的统一，也方便主页面获取。

比如MyHomePage.dart：

class MyHomePage extends StatelessWidget {
  // 定义页面的静态背景色
  static const Color backgroundColor = Colors.blue;

  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: backgroundColor, // 直接使用静态属性，确保颜色统一
      // 页面其他内容...
    );
  }
}

其他页面（BarItem.dart、SearchPage.dart、MyPage.dart）同理，各自定义对应的backgroundColor静态属性，比如BarItem可以设为Colors.green，SearchPage设为Colors.grey等。

2. 主页面动态获取当前页面的背景色 #

在主页面中，通过当前索引判断对应的页面类型，获取其静态背景色，赋值给BottomNavigationBar的backgroundColor属性。

修改主页面代码：

// 页面列表（无需const，不影响静态属性的访问）
List<Widget> pages = [
  MyHomePage(),
  BarItem(),
  SearchPage(),
  MyPage(),
];

// 主页面的Scaffold部分
Scaffold(
  body: pages[currentIndex],
  bottomNavigationBar: BottomNavigationBar(
    // 动态设置背景色
    backgroundColor: _getCurrentPageBgColor(currentIndex),
    // 其他BottomNavigationBar配置（如items、currentIndex、onTap等）
  ),
);

// 辅助方法：根据索引获取对应页面的背景色
Color _getCurrentPageBgColor(int index) {
  switch(index) {
    case 0:
      return MyHomePage.backgroundColor;
    case 1:
      return BarItem.backgroundColor;
    case 2:
      return SearchPage.backgroundColor;
    case 3:
      return MyPage.backgroundColor;
    default:
      return Colors.black; // 默认 fallback 颜色
  }
}

更简洁的类型判断写法 #

如果不想用switch，也可以通过类型判断直接获取颜色：

Color _getCurrentPageBgColor(int index) {
  final currentPage = pages[index];
  if (currentPage is MyHomePage) return MyHomePage.backgroundColor;
  if (currentPage is BarItem) return BarItem.backgroundColor;
  if (currentPage is SearchPage) return SearchPage.backgroundColor;
  if (currentPage is MyPage) return MyPage.backgroundColor;
  return Colors.black;
}

这种方案的优势在于：每个页面的背景色只在一处定义，后续修改页面背景色时，只需修改对应页面的静态属性，无需改动主页面代码，维护性更强。

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