[英]How to navigate to sibling item in Flutter Cupertino Bottom Navigation Bar
[英]Flutter how to hide Cupertino bottom navigation bar at next page
我目前正在處理一個需要使用 Cupertino 小部件構建的項目。 一切都很好,直到我嘗試不在下一頁顯示底部導航欄,但底部導航欄仍然從上一頁向前推進。 下面是我的示例代碼。
class PageOne extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CupertinoTabScaffold(
tabBar: CupertinoTabBar(
items: [
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.person), label: 'Person'),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.mail), label: 'Mail'),
BottomNavigationBarItem(
icon: Icon(CupertinoIcons.flag), label: 'Flag'),
],
),
tabBuilder: (context, index) {
return CupertinoTabView(
routes: {
'p2': (context) => PageTwo(),
},
builder: (context) {
return CupertinoPageScaffold(
backgroundColor: Colors.white,
child: Center(
child: Column(
children: [
ElevatedButton(
onPressed: () {
Navigator.pushNamed(context, 'p2');
},
child: Text('Next Page'),
),
],
),
));
},
);
},
);
}
}
class PageTwo extends StatelessWidget {
@override
Widget build(BuildContext context) {
return SafeArea(
child: Container(
color: Colors.white,
child: Column(children: [
Text('Page 2'),
ElevatedButton(
onPressed: () {
Navigator.pop(context);
},
child: Text('Back'),
),
]),
),
);
}
}
找到了解決方案。
只是替換
Navigator.pushNamed(context,'p2');
至
Navigator.of(context, rootNavigator: true).pushNamed('p2');
如果不需要使用,請從 tabBuilder 中刪除 CupertinoTabView
tabBuilder: (context, index) {
return CupertinoPageScaffold(
backgroundColor: Colors.white,
child: Center(
child: Column(
children: [
SizedBox(
height: 50.0,
),
ElevatedButton(
onPressed: () {
Navigator.pushNamed(context, 'p2');
},
child: Text('Next Page'),
),
],
),
),
);
},
重要:必須為 class CupertinoApp 設置路線
Navigator.of(context, rootNavigator: true).pushReplacement(MaterialPageRoute(builder: (context) => YourScreen()));
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.