Flutter启动页背景无法覆盖BottomNavigationBar问题求助

问题出在你的BottomAppBar设置了不透明的白色背景，即使开启了extendBody: true，也会完全遮挡下方的背景图。按以下步骤修改即可：

1. 保留extendBody: true #

这个属性是核心，它能让Scaffold的body区域延伸至底部导航栏所在位置，而非被导航栏截断。

2. 将BottomAppBar背景设为透明 #

把BottomAppBar的color（推荐改用backgroundColor，因color已被标记为废弃）改为Colors.transparent，让背景图能透过导航栏区域显示：

Widget _buildBottomBar() {
  return BottomAppBar(
    backgroundColor: Colors.transparent, // 替换原有的Colors.white
    elevation: 0.0,
    child: Padding(
      padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 20.0),
      child: Row(
        mainAxisSize: MainAxisSize.max,
        mainAxisAlignment: MainAxisAlignment.spaceBetween,
        children: <Widget>[
          Expanded(child: _buildCreateAccountButton(context: context)),
          Expanded(
            child: _buildLoginButton(context: context),
          ),
        ],
      ),
    ),
  );
}

3. 可选：调整按钮样式（按需） #

如果登录/注册按钮本身是白色背景，可根据需求调整按钮的背景透明度或文字颜色，保证按钮在背景图上的可见性。

最终完整的Scaffold代码：

return Scaffold(
  extendBody: true,
  body: Container(
    decoration: const BoxDecoration(
        image: DecorationImage(
            image: AssetImage('assets/images/splash-background.png'),
            fit: BoxFit.cover),
        color: Colors.white),
    padding: const EdgeInsets.symmetric(horizontal: 40.0),
    child: Center(child: SingleChildScrollView(child: _buildLogo())),
  ),
  bottomNavigationBar: _buildBottomBar(),
);

修改后，背景图将完全覆盖整个屏幕（包括底部导航栏区域），同时导航栏的按钮仍能正常显示。

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