Flutter 如何将底部导航栏添加到此颤振代码

我已经使用了背景导航，现在我不能添加底部导航栏到这个代码，请我是新的颤振谁可以帮助我

这是我的gridview，它作为背景导航栏的frontlayer

var myGridView = new GridView.builder(
  itemCount: spacecrafts.length,
  gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 3,
    // childAspectRatio: (itemWidth / itemHeight),
  ),
  itemBuilder: (BuildContext context, int index) {
    return new GestureDetector(
      child: new Card(
        elevation: 5.0,
        child: new Container(
          alignment: Alignment.centerLeft,
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceEvenly,
              children: [
                Image.asset(
                  images[index],
                  color: Colors.blue,
                ),
                Text(
                  spacecrafts[index],
                  style: TextStyle(color: Colors.blue),
                )
              ],
            ),
          ),
        ),
      ),
    );
  },
);

int _currentIndex = 0;
final List<Widget> _pages = [
  Profile(),
  AboutUs(),
  TermsAndConditions(),
  SignOut()
];

---

}

颤振脚手架有一个内置的底部导航栏，您可以像使用appbar和body一样使用它。这里有一个例子。

Scaffold(

appbar: Appbar( 


)

body: Container()



 bottomNavigationBar: BottomNavigationBar(items: <BottomNavigationBarItem>[
        BottomNavigationBarItem(
          icon: Icon(Icons.home),
          title: Text('FooBar'),
          
        )

)

脚手架(
appbar:appbar（
)
正文：Container（）
底部导航栏：底部导航栏（项目：[
底部导航气压计(
图标：图标（Icons.home），
标题：文本（“FooBar”），
)
)

但当我们使用背景导航栏时，是否可以添加底部导航？？

Scaffold(

appbar: Appbar( 


)

body: Container()



 bottomNavigationBar: BottomNavigationBar(items: <BottomNavigationBarItem>[
        BottomNavigationBarItem(
          icon: Icon(Icons.home),
          title: Text('FooBar'),
          
        )

)