this.fixedColor, // 底部导航栏type为fixed时导航栏的颜色,如果为空的话默认使用ThemeData.primaryColor = Color
this.iconSize = 24.0, // BottomNavigationBarItem icon的大小 = double
})
const BottomNavigationBarItem({
@required this.icon, // 要显示的图标控件,一般是Iocn
this.title, // 要显示的标题控件,一般是Text
Widget activeIcon, // 选中时要显示的icon,一般是Icon
this.backgroundColor, // BottomNavigationBarType为shifting时的背景颜色
})
3. 使用步骤
// 需要在Scaffold内部使用
Scaffold(
appBar: AppBar(
title: Text(“底部导航栏”),
),
bottomNavigationBar: BottomNavigationBar(
items: bottomNavItems, // 导航栏下标item
currentIndex: currentIndex, // 当前下标
type: BottomNavigationBarType.fixed, // 点击导航栏样式
fixedColor: Colors.green, // 点击icon颜色
iconSize: 15, // icon大小
onTap: (index) {
_changePage(index); // 点击回调
},
),
body: pages[currentIndex], // 每个item的回调页面
);
// 回调页面
void _changePage(int index) {
// 若点击

最低0.47元/天 解锁文章
1万+

被折叠的 条评论
为什么被折叠?



