Flutter BottomAppBar

BottomAppBar

// 底部应用栏目
class BottomAppBarDemo extends StatelessWidget {@overrideWidget build(BuildContext context) {return Scaffold(// FAB按钮，位置是位于上面的floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,floatingActionButton: FloatingActionButton(child: Icon(Icons.add),onPressed: null,),// 底部应用栏bottomNavigationBar: BottomAppBar(// FloatingActionButton和BottomAppBar之间的距离notchMargin: 10.0,color: Colors.yellow,child: Row(// 设置大小mainAxisSize: MainAxisSize.max,// 对齐方式mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [IconButton(icon: Icon(Icons.share), onPressed: null),IconButton(icon: Icon(Icons.menu), onPressed: null),],),),);}
}

界面展示

Flutter BottomAppBar相关推荐

flutter BottomAppBar 实现不规则底部导航栏
更多文章请查看 lutter从入门到精通实现底部导航栏并点击切换页面可简述为有三种方式 TabBar + TabBarView BottomNavigationBar + BottomNaviga ...
【Flutter】使用BottomAppBar自定义bottomNavigationBar
使用Flutter原生的FloatingActionButton+BottomAppBar实现,配合Scaffold使用更舒服,适合不喜欢自己用Widget组合自定义BottomAppBar的小伙伴. ...
Flutter开发之Scaffold 脚手架的使用（39）
本篇文章学习Flutter入门进阶之旅(十六)Scaffold 脚手架并修改了部分代码增加了自定义的触发drawer.endDrawer的按钮和方法增加了自定义tab的图片和文本的功能涉及了on ...
Flutter Beta 3 新特性概览
首先感谢掘金将本文纳入 Google I/O 2018 大会专题页中. 小集团队会持续跟进 Flutter 的动态,和大家一起来学习并推动 Flutter 的发展.我们还和阿里闲鱼团队合作,后期在 ...
Unity的Flutter——UIWidgets简介及入门
介绍 UIWidgets(https://github.com/UnityTech/UIWidgets)是Unity编辑器的一个插件包,可帮助开发人员通过Unity引擎来创建.调试和部署高效的跨平台应 ...
20个Flutter实例视频教程-第03节: 不规则底部工具栏制作-1
第03节: 不规则底部工具栏制作-1 博客地址: https://jspang.com/post/flutterDemo.html#toc-973 视频地址: https://www.bilibili ...
flutter 国际化_Flutter 开发实战资源推荐
开工第一天,来点轻松的资源推荐. 这是一篇实战类资源推荐,其实Flutter的入门资料官方已经做得很好了,如果你是零基础,还是建议先啃一遍官方的教程,然后再看以下实战资源,相信在你看官方课程中涉及到的 ...
Flutter 项目开发指导从基础入门到精通使用目录
Flutter 从入门到精通系列文章本文章为 Flutter 开发中的经验积累分享.教程分享.开发笔记分享目录,持续维护中. 题记 -- 执剑天涯,从你的点滴积累开始,所及之处,必精益求精. Fl ...
flutter TabBar 底部导航栏
更多文章请查看 lutter从入门到精通实现底部导航栏并点击切换页面可简述为有三种方式 TabBar + TabBarView BottomNavigationBar + BottomNaviga ...
flutter底部导航栏
更多文章请查看 lutter从入门到精通实现底部导航栏并点击切换页面可简述为有三种方式 TabBar + TabBarView BottomNavigationBar + BottomNaviga ...

Flutter BottomAppBar

Flutter BottomAppBar

Flutter BottomAppBar相关推荐

最新文章

热门文章