直播系统代码，flutter手写一个底部导航栏

直播系统代码，flutter手写一个底部导航栏

使用方式如下：

 

1

<br>@override<br>  Widget build(BuildContext context) {<br>    return Scaffold(<br>      backgroundColor: Colors.white,<br>      bottomNavigationBar: XXNaviBar(<br>        onDestinationSelected: (value) => {<br>          developer.log("click tab $value"),<br>          if (currentPageIndex != value)<br>            {<br>              setState(() {<br>                currentPageIndex = value;<br>              })<br>            }<br>        },<br>        icons: [<br>          XXNaviIcon(<br>            normalImage: "assets/images/tabbar/home.png",<br>            selectedImage: "assets/images/tabbar/home-selected.png",<br>            title: "首页",<br>          ),<br>          XXNaviIcon(<br>            normalImage: "assets/images/tabbar/data.png",<br>            selectedImage: "assets/images/tabbar/data-selected.png",<br>            title: "数据",<br>          ),<br>          XXNaviIcon(<br>            normalImage: "assets/images/tabbar/mine.png",<br>            selectedImage: "assets/images/tabbar/mine-selected.png",<br>            title: "我的",<br>          ),<br>        ],<br>      ),<br>      body: <Widget>[<br>        Container(<br>          color: Colors.white,<br>          alignment: Alignment.center,<br>          child: const Text('Page 1'),<br>        ),<br>        Container(<br>          color: Colors.white,<br>          alignment: Alignment.center,<br>          child: const Text('Page 2'),<br>        ),<br>        Container(<br>          color: Colors.white,<br>          alignment: Alignment.center,<br>          child: const Text('Page 3'),<br>        ),<br>      ][currentPageIndex],<br>    );<br>  }

​

 以上就是 直播系统代码，flutter手写一个底部导航栏，更多内容欢迎关注之后的文章