flutterFlutter

Flutter之BottomNavigationBar组件

2018-11-30  本文已影响176人  习惯了_就好
/**
    BottomNavigationBar({
    Key key,
    @required this.items,//子选项
    this.onTap,
    this.currentIndex = 0,//选中第几个
    BottomNavigationBarType type,
    this.fixedColor,//文字颜色
    this.iconSize = 24.0,//icon图片大小
    })
 */

/**
    const BottomNavigationBarItem({
    @required this.icon,//未选中图标
    this.title,//文字
    Widget activeIcon,//选中图标
    this.backgroundColor,// 测试发现type设置为shifting时,backgroundColor才有效
    })
 */
bottomNavigationBar: BottomNavigationBar(
  items: [
    BottomNavigationBarItem(
      icon: Icon(Icons.home),
      title: Text("首页"),
      activeIcon: Icon(
        Icons.home,
        color: Color(0xffDE331F),
      ),
      backgroundColor: Color(0xfff1f1f1),
    ),
    BottomNavigationBarItem(
      icon: Icon(Icons.devices_other),
      title: Text("其他"),
      activeIcon: Icon(
        Icons.devices_other,
        color: Color(0xffDE331F),
      ),
      backgroundColor: Color(0xfff1f1f1),
    ),
  ],
  currentIndex: 1,
  fixedColor: Color(0xff00ff00),
  iconSize: 30.0,
  type: BottomNavigationBarType.fixed,
),
上一篇下一篇

猜你喜欢

热点阅读