Unity_UIWidgets学习笔记09_组件BottomNavigationBar

最新推荐文章于 2024-05-05 23:24:43 发布

weixin_33843947

最新推荐文章于 2024-05-05 23:24:43 发布

阅读量781

点赞数

文章标签：游戏移动开发

原文链接：http://www.cnblogs.com/PandaHome/p/11114131.html

版权

参考地址 https://api.flutter.dev/flutter/material/BottomNavigationBar-class.html

1、

 public BottomNavigationBar(
            Key key = null,
            List<BottomNavigationBarItem> items = null,//所有子项目
            ValueChanged<int> onTap = null,//点击
            int currentIndex = 0,//当前选择索引
            BottomNavigationBarType? type = null,//不清楚有
            Color fixedColor = null,
            float iconSize = 24.0f//图标大小
        )
public BottomNavigationBarItem(
            Widget icon = null,//图标
            Widget title = null,//变态
            Widget activeIcon = null,//激活图标
            Color backgroundColor = null//背景色
        )

2、例子

int selectedIndex = 0;
    TextStyle optionStyle = new TextStyle(fontSize: 30, fontWeight: FontWeight.bold);
    List<Widget> widgetOptions
    {
        get
        {
            return new List<Widget>{
            new Text(
                "Index 0: Home",
                style: optionStyle
            ),
            new Text(
                "Index 1: Business",
                style: optionStyle
            ),
            new  Text(
                "Index 2: School",
                style: optionStyle
            ),
        };

        }
    }
    void onItemTapped(int index)
    {
        setState(() =>
        {
            selectedIndex = index;
        });
    }
public override Widget build(BuildContext context)
    {
        return new Scaffold(
          appBar: new AppBar(
          title: new Text("BottomNavigationBar Sample")
          ),
          body: new Center(
          child: widgetOptions[selectedIndex]
          ),
          bottomNavigationBar: new BottomNavigationBar(
          items: new List<BottomNavigationBarItem>(){
               new  BottomNavigationBarItem(
                icon: new Icon(Icons.home),
                title:new  Text("Home")
                ),
               new  BottomNavigationBarItem(
                icon: new Icon(Icons.business),
                title:new  Text("Business")
                ),
               new  BottomNavigationBarItem(
                icon: new Icon(Icons.school),
                title: new Text("School")
                ),
          },
          currentIndex: selectedIndex,
          onTap: onItemTapped
          )
      );

    }