flutter 动画展开菜单_Flutter程序员实现android iOS APP底部操作按钮 终极自定义方案...

本头条核心宗旨

欢迎来到技术刚刚好头条，本头条是个人维护，每天至少更新一篇Flutter技术文章，实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术，那就跟我一起学习进步吧，你的赞，收藏，转发是对我个人最大的支持，维护不易，欢迎关注。

技术刚刚好经历

近几年，移动端跨平台开发技术层出不穷，从Facebook家的ReactNative，到阿里家WEEX，前端技术在移动端跨平台开发中大展身手，技术刚刚好作为一名Android开发，经历了从Reactjs到Vuejs的不断学习。而在2018年，我们的主角变成了Flutter，这是Goolge开源的一个移动端跨平台解决方案，可以快速开发精美的移动App。希望跟大家一起学习，一起进步！

本篇文章中心思想

之前的文章有分享实现的方案，细心的同学会发现不能自定义图标，图标是用的Flutter自带的一个图标库，今天这篇文章教大家实现自定义的底部操作按钮。

中间的实现效果

Flutter实现的一个效果，好看吧。

如果喜欢就动起来吧

第一步：实现启动页面

下面这张图片大家应该认识吧，很简单的一个Flutter项目的架构，左边菜单时候项目的一个整体结构，右边是代码区，第一行是两个导入包，一般的项目都是这样导入的，按照导入就行了，第五行的代码就是一个启动方法，一个项目必须有这一行，代表程序打开要执行的第一个方法。

void main() => runApp(MyApp());

然后接着往下看，第7行，Flutter中的StatelessWidget是一个不需要状态更改的widget - 它没有要管理的内部状态。简单理解就是每个项目都有这个，是一个没有状态的，不能更新状态的一个activity.

主页

第二个类大家也来看看Home类

无需解释，大家一看就懂，如果有不懂的可以关注我，来私信问我哈。简单解释一下，这个类用了Flutter的StatefulWidget，一个有状态的框架，别为那么多，按照写，多动手，看不懂也没关系。动起来是程序员的关键。

有个类我还的解释一下：Scaffold，这个玩意就是一个框架，相当于一个布局。翻译过来意识是脚手架。别问那么多，按照写就对了。

关键类就是MenuTabBar，是的，就是它我们自定义的一个它。这个类我们马上来看看。

第二个类

第三个类，关键类，有动画，有操作的类

3张图片证明了我们这个类的强大，就是一些动画，按钮，拖动点击的操作，

第四个我们项目还用到了第三方库rxdart,RxDart是 Frank Pepermans 和 Brian Egan两位大神主导的项目，是Rx大家族对Dart语言的支持。如果你已经使用过其他语言的Rx库，那么对于RxDart应该很容易上手，因为很多方法函数上听起来都差不多。

总结

今天就实现这些了，后续继续更新其他的实现方式。学习是一件很累的事情，边学习边整理也是一种提升自己的方式，我的提升需要大家的监督，需要源码的可以关注私信获取哈。

谢谢观看技术刚刚好头条文章，本头条是个人维护，每天至少更新一篇Flutter技术文章，实时为大家播报Flutter最新消息。如果你刚好也在关注Flutter这门技术，那就跟我一起学习进步吧，你的赞，收藏，转发是对我个人最大的支持，维护不易，欢迎关注。