Flutter 带侧抽屉导航的颤振底部导航条
我需要导航抽屉和botom导航,所以我在我的项目中添加了一个自定义导航抽屉,也添加并显示了底部导航栏,但我面临的问题是,我只能显示它,但无法将onTap功能设置为它并在页面上导航。作为参考,我确实粘贴了示例代码Flutter 带侧抽屉导航的颤振底部导航条,flutter,flutter-navigation,Flutter,Flutter Navigation,我需要导航抽屉和botom导航,所以我在我的项目中添加了一个自定义导航抽屉,也添加并显示了底部导航栏,但我面临的问题是,我只能显示它,但无法将onTap功能设置为它并在页面上导航。作为参考,我确实粘贴了示例代码 class SideBarLayout extends StatelessWidget { int _currentIndex = 0; List<Widget> _tab_list =[ ]; @override Widget build(Build
class SideBarLayout extends StatelessWidget {
int _currentIndex = 0;
List<Widget> _tab_list =[
];
@override
Widget build(BuildContext context) {
return Scaffold(
body: BlocProvider<NavigationBloc>(
create: (context) => NavigationBloc(),
child: Stack(
children: <Widget>[
BlocBuilder<NavigationBloc, NavigationStates>(
builder: (context, navigationState) {
return navigationState as Widget;
},
),
SideBar(),
]
),
),
bottomNavigationBar: BottomNavigationBar(
onTap: (currentIndex){
_currentIndex = currentIndex;
},
items: [
BottomNavigationBarItem(
icon: Icon(Icons.home),
title: Text('Home'),
backgroundColor: Color(0xFF478DE0),
),
BottomNavigationBarItem(
icon: Icon(Icons.assignment),
title: Text('Quotation'),
backgroundColor: Color(0xFF478DE0),
),
BottomNavigationBarItem(
icon: Icon(Icons.attach_money),
title: Text('Payments'),
backgroundColor: Color(0xFF478DE0),
),
BottomNavigationBarItem(
icon: Icon(Icons.person),
title: Text('Profile'),
backgroundColor: Color(0xFF478DE0),
),
],
),
);
}
}
class SideBarLayout扩展了无状态小部件{
int _currentIndex=0;
列表_选项卡_列表=[
];
@凌驾
小部件构建(构建上下文){
返回脚手架(
正文:BlocProvider(
create:(context)=>NavigationBloc(),
子:堆栈(
儿童:[
BlocBuilder(
生成器:(上下文,导航状态){
返回navigationState作为小部件;
},
),
边栏(),
]
),
),
底部导航栏:底部导航栏(
onTap:(当前索引){
_currentIndex=currentIndex;
},
项目:[
底部导航气压计(
图标:图标(Icons.home),
标题:文本(“主页”),
背景颜色:颜色(0xFF478DE0),
),
底部导航气压计(
图标:图标(Icons.assignment),
标题:正文(“引文”),
背景颜色:颜色(0xFF478DE0),
),
底部导航气压计(
图标:图标(图标。附上钱),
标题:文本(“付款”),
背景颜色:颜色(0xFF478DE0),
),
底部导航气压计(
图标:图标(Icons.person),
标题:文本(“概要文件”),
背景颜色:颜色(0xFF478DE0),
),
],
),
);
}
}
不确定您想要实现什么,Scaffold
有一个drawer
属性,请检查。我已经实现了边栏()为了显示侧栏导航抽屉,我还需要底部导航栏,因此我添加了小部件底部导航栏,但导航门页面的onTap功能不起作用不确定您要实现什么,Scaffold
有一个drawer
属性,请检查。我已经实现了侧栏()为了显示侧栏导航抽屉,我还需要底部导航栏,因此我添加了小部件bottomNavigationBar,但是onTap功能到导航门页面不起作用