短视频平台源码,构建简单的底部导航栏

短视频平台源码,构建简单的底部导航栏实现的相关代码

 

1
import 'package:flutter/material.dart';<br>class Home extends StatefulWidget {<br>  Home({Key key}) : super(key: key);<br>  @override<br>  _HomeState createState() => _HomeState();<br>}<br>class _HomeState extends State<Home> {<br>  final List<BottomNavigationBarItem> bottomNavigationItems = [<br>    BottomNavigationBarItem(<br>      icon: Icon(Icons.home),<br>      backgroundColor: Colors.blue,<br>      label: '首页',<br>    ),<br>     BottomNavigationBarItem(<br>      icon: Icon(Icons.calendar_view_day_sharp),<br>      backgroundColor: Colors.yellow,<br>      label: '分类',<br>    ),<br>     BottomNavigationBarItem(<br>      icon: Icon(Icons.shopping_cart),<br>      backgroundColor: Colors.cyan,<br>      label: '购物车',<br>    ),<br>     BottomNavigationBarItem(<br>      icon: Icon(Icons.person),<br>      backgroundColor: Colors.purple,<br>      label: '我的',<br>    )<br>  ];<br>  final page = [<br>    Center(child: Text('首页', style: TextStyle(fontSize: 50))),<br>    Center(child: Text('分类', style: TextStyle(fontSize: 50))),<br>    Center(child: Text('购物车', style: TextStyle(fontSize: 50))),<br>    Center(child: Text('我的', style: TextStyle(fontSize: 50)))<br>  ];<br>  int index;<br>  void changePage(currentIndex) {<br>    setState(() {<br>      index = currentIndex;      <br>    });<br>  }<br>  @override<br>    void initState() {<br>      // TODO: implement initState<br>      super.initState();<br>      index = 0;<br>    }<br>  @override<br>  Widget build(BuildContext context) {<br>    return Scaffold(<br>      appBar: AppBar(<br>        title: Text('Tabbar'),<br>      ),<br>      bottomNavigationBar: BottomNavigationBar(<br>        items: bottomNavigationItems, <br>        currentIndex: index,<br>        type: BottomNavigationBarType.shifting,<br>        onTap: (index) {<br>          changePage(index);<br>        },<br>      ),<br>      body: page[index],<br>    );<br>  }<br>}

以上就是 短视频平台源码,构建简单的底部导航栏实现的相关代码,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(406)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示