我想為不同的步驟創建不同的底部應用欄。我無法在 stepper 類中創建 bottomNavigationBar。我怎樣才能做到這一點,請幫助我。
uj5u.com熱心網友回復:
定義一個值來跟蹤哪個頁面/步驟點被加載
int activeStep = 0;
您可以在腳手架內定義一個底部導航欄,該欄取決于根據活動步進器索引更改的值。
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;
});
},
),
));
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/426614.html
上一篇:“itemBuilder->Container”不是“itemBuilder->Widget”的子型別
下一篇:型別“List<DropdownMenuItem<String>>”不是型別“List<String>?”的子型別在型別轉換中
