如何为颤动中的每个步进器创建不同的底部导航栏

Question

我想为不同的步骤创建不同的底部应用程序栏。我无法在stepper类中创建底部导航栏。我怎样才能做到这一点，请帮帮我。

Answer 1

定义一个值，用于跟踪加载的页面/步骤点

int activeStep = 0;

您可以在scaffold中定义底部导航栏，该栏取决于根据活动步进器索引更改的值。

Scaffold(
bottomNavigationBar: BottomNavigationBar(
currentIndex: activeStep,
selectedItemColor: Colors.black,
items: const [
BottomNavigationBarItem(
label: "Home", icon: Icon(Icons.home, color: Colors.black)),
BottomNavigationBarItem(
label: "Search", icon: Icon(Icons.search, color: Colors.black)),
BottomNavigationBarItem(
label: "Favourites",
icon: Icon(Icons.favorite, color: Colors.black)),
BottomNavigationBarItem(
label: "Profile",
icon: Icon(Icons.person, color: Colors.black)),
],
),
body: Padding(
padding: const EdgeInsets.all(8.0),
child: IconStepper(
icons: const [
Icon(Icons.home),
Icon(Icons.search),
Icon(Icons.favorite),
Icon(Icons.person),
],
activeStep: activeStep,
onStepReached: (index) {
setState(() {
activeStep = index;
});
},
),
));