2

背景ナビゲーションを使用しましたが、このコードに下部ナビゲーションバーを追加できません。フラッターが初めてなので、誰か助けてください。

これは、背景ナビゲーション バーのフロントレイヤーとして機能するグリッドビューです。

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()
];

ここに私の背景ナビゲーションバーコードがあります

return new BackdropScaffold(
  appBar: new BackdropAppBar(
    title: new Text("Flutter GridView"),
  ),
  stickyFrontLayer: true,
  frontLayer: myGridView,
  backLayer: BackdropNavigationBackLayer(
    items: [
      ListTile(leading: Image.asset("images/user.png", color: Colors.white),
          title: Text("YOUR PROFILE",
            style: TextStyle(color: Colors.white),)),
      ListTile(leading: Image.asset("images/logout.png",
          color: Colors.white), title: Text("LOGOUT",
          style: TextStyle(color: Colors.white))),
    ],
    onTap: (int position) => {setState(() => _currentIndex = position)},
  ),
);

}

4

1 に答える 1