gpt4 book ai didi

flutter - BackButton和BottomNavigationBar

转载 作者:行者123 更新时间:2023-12-03 04:34:01 25 4
gpt4 key购买 nike

我想在页面之间进行导航,当我进入设置页面时,我想要一个后退按钮,该按钮可以将我带到主页,对于收藏夹也是如此,在我的页面上还有一个底部导航栏,可让您进行导航它们之间。我已经尝试过使用Navigator(),但是它迫使我在主页上放置另一个按钮。我不知道我是否能说清楚,但我希望你能帮助我。
谢谢!

最佳答案

如果设置页面不包含底部的应用程序栏,则可以使用Navigator.of(context).pop()或使用顶部的应用程序栏并设置automaticallyImplyLeading = true以显示也会弹出的后退按钮。
这是我的底部应用程序栏之一的示例,该栏允许跨多个页面进行平滑导航:

class _MainScreenState extends State<MainScreen> {


int _currentIndex = 0;
final List<Widget> _children = [
Home(),
InboxMain(),
DashboardMain(),
ProfileMain(),
FriendsMain()
];

@override
Widget build(BuildContext context) {
return Scaffold(
body: _children[_currentIndex],
bottomNavigationBar: new Theme(
data: Theme.of(context).copyWith(
canvasColor: Color.fromRGBO(41, 34, 78, 1),
), //
child: BottomNavigationBar(
//selectedItemColor: Colors.red,
//selectedIconTheme: IconThemeData(color: Colors.red),
type: BottomNavigationBarType.fixed,
showSelectedLabels: false,
showUnselectedLabels: false,
backgroundColor: Color.fromRGBO(41, 34, 78, 1),
onTap: onTabTapped,
currentIndex: _currentIndex,
items: [
BottomNavigationBarItem(
icon: _currentIndex == 0
? Icon(Icons.home_outlined, color: Colors.white)
: Icon(
Icons.home_outlined,
color: Colors.grey[600],
),
title: Container(
height: 0,
)),
BottomNavigationBarItem(
icon: _currentIndex == 1
? Icon(
Icons.email_outlined,
color: Colors.white,
)
: Icon(
Icons.email_outlined,
color: Colors.grey[600],
),
title: Container(
height: 0,
)),
BottomNavigationBarItem(
icon: _currentIndex == 2
? Icon(Icons.dashboard, color: Colors.white)
: Icon(Icons.dashboard, color: Colors.grey[600]),
title: Container(
height: 0,
)),
BottomNavigationBarItem(
icon: _currentIndex == 3
? Icon(
Icons.person,
color: Colors.white,
)
: Icon(Icons.person, color: Colors.grey[600]),
title: Container(
height: 0,
)),
BottomNavigationBarItem(
icon: _currentIndex == 4
? Icon(
Icons.people_alt,
color: Colors.white,
)
: Icon(Icons.people_alt, color: Colors.grey[600]),
title: Container(
height: 0,
)),
],
),
),
);
}

void onTabTapped(int index) {
setState(() {
_currentIndex = index;
});
}
}
我的应用程序(登录后)导航至此,所有导航均在此处进行控制,但扩展屏幕除外,我使用后退按钮和 pop()

关于flutter - BackButton和BottomNavigationBar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64415324/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com