BottomNavigationBarItem fixed

最新推荐文章于 2019-12-19 10:07:30 发布

weixin_30486037

最新推荐文章于 2019-12-19 10:07:30 发布

阅读量70

点赞数

原文链接：http://www.cnblogs.com/pythonClub/p/10758837.html

版权

 BottomNavigationBar(
  type: BottomNavigationBarType.fixed,
  onTap: (value){


if more then 3 items,, use this.

转载于:https://www.cnblogs.com/pythonClub/p/10758837.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30486037

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

《Flutter 控件大全》第十九个：BottomNavigationBar 和 BottomNavigationBarItem

老孟Flutter

04-04

306

如果你对Flutter还有疑问或者技术方面的疑惑，欢迎加入Flutter交流群（微信：laomengit）。同时也欢迎关注我的Flutter公众号【老孟程序员】，公众号首发Flutter的相关内容。 Flutter地址：http://laomengit.com 里面包含160多个组件的详细用法。 BottomNavigationBar BottomNavigationBar 和 Bott...

BottomNavigationBar 如何控制BottomNavigationBarItem 的 title默认不显示

Hu_wenpeng的博客

04-16

2506

默认情况下 title只有在 item被选中的时候才显示 BottomNavigationBar的构造里面有一个属性它是一个枚举类型看看这个type的默认值是：在这里的注释中我们找到了默认值我们设置 type 为 fixed试一下就显示了虽然问题已经解决了我们就是要显示我们Item里设置的title属性但为什么我们传了type = fixed就显示了呢？我们再返回上一...

参与评论您还未登录，请先登录后发表或查看评论

Android中使用BottomNavigationBar实现仿微信底部按钮

暖暖的云阳的博客

04-12

1656

Android中使用BottomNavigationBar实现仿微信底部按钮本篇文章不再维护——如GitHub库有更新，请点击下方链接进入GitHub库中进行查看更新内容。 BottomNavigationBar点击进入GitHub GitHub示例图：借鉴了这篇博客，写出了实现仿微信底部按钮转载请注明出处: https://blog....

Flutter开发（十六）—— BottomNavigationBar底部导航栏(Android原生BottomNavigationView)

RedKeyer的博客

05-05

826

14 BottomNavigationBar：底部导航栏

使用BottomNavigationBar小记

qq_43246404的博客

03-29

100

最好是把简单的源码下下来，因为你不知道你会差什么首先肯定是要引入，在android studio 里面 file-project structure,新增网上依赖，这个网上有，然后是在布局里面创建bottomnavigationbar控件，然后就照着他把自己需要的icon引用，创建fragmentavtivity,里面有方法新增按钮。 ...

flutter+bottomNavigationBaritem+sample

05-06

在本示例中，“flutter+bottomNavigationBaritem+sample”很可能提供了创建和定制`BottomNavigationBar`和`BottomNavigationBarItem`的实例代码。 `BottomNavigationBar`的基本用法包括以下几点： 1. **创建实例**...

如何在下面这段代码中将 OrdeilistProvider 添加到 MultiProvider 中：class Tabs extends StatefulWidget { const Tabs({super.key}); @override State<Tabs> createState() => _TabsState(); } class _TabsState extends State<Tabs> { int _currentIndex = 0; final List<Widget> pages = [ HomePage( key: homePageKey, ), const OrderPage(), const ProfilePage() ]; @override Widget build(BuildContext context) { return Scaffold( body: IndexedStack( index: _currentIndex, children: pages, ), bottomNavigationBar: BottomNavigationBar( currentIndex: _currentIndex, type: BottomNavigationBarType.fixed, onTap: (index) { setState(() { _currentIndex = index; }); if (_currentIndex == 0) { homePageKey.currentState!.toMyLocation(); } }, items: const [ BottomNavigationBarItem(icon: Icon(Icons.home), label: ''), // BottomNavigationBarItem(icon: Icon(Icons.gas_meter), label: ''), BottomNavigationBarItem(icon: Icon(Icons.note_alt), label: ''), BottomNavigationBarItem(icon: Icon(Icons.person), label: ''), ], ), ); } }

06-09

type: BottomNavigationBarType.fixed, onTap: (index) { setState(() { _currentIndex = index; }); if (_currentIndex == 0) { homePageKey.currentState!.toMyLocation(); } }, items: const [ ...

还是不行，我获取不到其他页面传过来的的index和flag，我是需要将其他页面传过来的index赋值给_currentIndex class TarbarPage extends StatefulWidget { final int index; final int flag; const TarbarPage({Key? key, required this.index, required this.flag}) : super(key: key); @override State<StatefulWidget> createState() => _TarbarPageState(); lass _TarbarPageState extends State { int _currentIndex = 0; //底部导航栏当前索引 final _tabPages = [ const HomePage(), const StudyPage( index: 0, ), const FantasticStoryPage(), const SetUpPage() ]; @override Widget build(BuildContext context) { return Scaffold( body: _tabPages[_currentIndex], bottomNavigationBar: BottomNavigationBar( currentIndex: _currentIndex, onTap: (index) { print('idnex$index'); setState(() { _currentIndex = index; }); String? currentPageRoute = ModalRoute.of(context)?.settings.name; print('Third page route: $currentPageRoute'); }, type: BottomNavigationBarType.fixed, items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: ('首页'), ), BottomNavigationBarItem( icon: Icon(Icons.school), label: ('学习'), ), BottomNavigationBarItem( icon: Icon(Icons.local_library), label: ('奇闻'), ), BottomNavigationBarItem( icon: Icon(Icons.settings), label: ('设置'), ), ]), ); } } }

07-25

type: BottomNavigationBarType.fixed, items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: ('首页'), ), BottomNavigationBarItem( icon: Icon(Icons.school), label: ('学习'), )...

用了上述方法还是显示不了，而且还报错了 class TarbarPage extends StatefulWidget { final int index; final int flag; const TarbarPage({Key? key, required this.index, required this.flag}) : super(key: key); @override State<StatefulWidget> createState() => _TarbarPageState(); } class _TarbarPageState extends State { int _currentIndex = 0; //底部导航栏当前索引 final _tabPages = [ const HomePage(), const StudyPage( index: 0, ), const FantasticStoryPage(), const SetUpPage() ]; @override Widget build(BuildContext context) { return Scaffold( body: _tabPages[_currentIndex], bottomNavigationBar: BottomNavigationBar( currentIndex: _currentIndex, onTap: (flag) { setState(() { _currentIndex = flag; }); String? thirdPageRoute = ModalRoute.of(context)?.settings.name; print('Third page route: $thirdPageRoute'); }, type: BottomNavigationBarType.fixed, items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: ('首页'), ), BottomNavigationBarItem( icon: Icon(Icons.school), label: ('学习'), ), BottomNavigationBarItem( icon: Icon(Icons.local_library), label: ('奇闻'), ), BottomNavigationBarItem( icon: Icon(Icons.settings), label: ('设置'), ), ]), ); } } Padding( padding: const EdgeInsets.all(8.0), child: ElevatedButton( onPressed: () { // Navigator.push( // context, // MaterialPageRoute( // builder: (context) => const StudyPage( // index: 0)), // 传递参数selectedIndex为1 // ); Navigator.push( context, MaterialPageRoute( builder: (context) => const TarbarPage( flag: 1, index: 0)), // 传递参数selectedIndex为1 ); }, child: const Text('狠心退出')), ),

07-25

BottomNavigationBar 自定义底部导航条

weixin_30443075的博客

06-11

281

在flutter中，BottomNavigationBar 是底部导航条，可以让我们定义底部 Tab 切换，bottomNavigationBar是 Scaffold 组件的参数。 BottomNavigationBar 常见的属性 items ：List底部导航条按钮集合 iconSize ：icon currentIndex ：默认选中第几个 onTap：选中变化回调函...

flutter BottomNavigationBarItem设置不显示title文字

theSmallTears的博客

12-19

3424

BottomNavigationBarItem( icon:Icon(Icons.book), title:newContainer(), backgroundColor:Colors.orange ), title 设置成 new Container(); 转至https://blog.csdn.net/jl...

weixin286基于SSM框架的童装购买平台微信小程序+ssm.rar

09-13

所有源码，都可正常运行

基于Spring框架的Java Web文章CRUD应用.zip