Flutter版本吃豆养车项目进行中、底部导航小部件选择，安卓收藏

Flutter版本吃豆养车项目进行中、底部导航小部件选择，安卓收藏

近日，公司项目开发已进入尾声。 我还打算重写公司的项目，并将其作为一项新技术引入公司。 我计划使用它附带的所有小部件来开发这个项目，而不使用任何第三方项目。 这样做的目的是为了学习新技术，熟悉原来的内置小部件。 当然，这个项目是对我们公司所有前端合作伙伴和技术开发人员开放的。 我们也希望大家能够积极参与，共同学习新技术，为项目做出贡献。 公司储存新技术。

我公司前端现状

作为一名在北京、上海、广州工作，回到重庆老家开发的前端工程师，我来分析一下我公司前端技术的现状。 前端技术本来就是一门杂乱、众多、复杂的技术。 尤其是二三线城市的技术人员技能参差不齐，技术态度也很混乱。 在这样的大环境下，想要一下子彻底改善是很难的。 我们公司目前的前端配送情况也很紧张。 面对业务也很繁琐、数量众多，技术可以用在任何地方。 APP分为IOS开发和后端WEB开发。 还配备了H5混合APP开发，还有小程序也是H5共享的。 面对繁琐的任务，每个开发人员在积极完成分配的任务后，基本上没有太多的时间来学习新的项目。 每次迭代都是为了完成构建周期，没有任何架构代码质量可言。 作为一家拥有自己产品的公司，对于技术人员的要求还是很高的。 他们不仅要完成任务，还要保证代码的质量。 有空的时候重构一下代码是非常重要的。 直接分配重构代码的任务是很困难的，因为代码没有任何bug发生之前要求开发人员去触碰代码是非常抗拒的，所以我的安排是从人员技术培训和开发开始。 后面我会在这里安排更多的培训，让大家明白代码质量对于一个有自己产品的公司来说是非常重要的。 说话非常重要。 让大家明白我们没有完成任务。 我们代码的每一句话对于产品未来能否走得更远都非常重要。

安排下一个

大家都知道，最近我的更新没有以前那么频繁了。 因为最近这里发生了很多事情。 公司发生了一些人事变动。 我也为2020年制定了一些计划，但我没有忘记我还有另一个计划。 今日头条号，别忘了我会上来更新文章，因为我还有一帮粉丝支持我。

接下来我会安排在这里定期更新一些文章，都是关于原生原生API搭建的技术文章。 【不忘初心，方能成功】。 做事的时候，只有不忘记自己最初的信念，才能做事。 最后，你一定能够成功。

APP底部导航栏版本选择

您应该见过很多底部导航栏。 手机上的应用程序使用这种导航方式很正常。 一开始还有很多其他的尝试，比如侧滑栏导航。 最有生命力的导航方式是底部样式，也是最古老的。 直接打开官网API，可以清晰看到以下API：

这些导航小部件之间有什么区别吗？ 你是如何选择的？

实现 iOS 应用程序的选项卡式根布局和结构。 将选项卡栏放置在底部并将内容放置在选项卡栏之间或后面的支架。

具有自己的导航器状态和历史记录的单个选项卡视图。 典型的选项卡视图用作选项卡中每个选项卡的内容，可以与具有并行导航状态和历史记录的多个选项卡共存。

iOS风格的底部导航标签栏。 使用 tem 显示多个选项卡，其中一个选项卡处于活动状态，默认情况下为第一个选项卡。

出现在应用程序底部的材质小部件，用于从少量视图（通常在三到五个之间）中进行选择。

看上面的介绍，有几个是IOS风格的，然后还有style风格的导航风格。 一般来说，作为底部导航选择，我们使用较多的是“”组件。 底部导航一般在3到5之间，所以我们选择它就非常合适了。

导航小部件的使用

底部导航栏通常与组件配合使用。 我们首先看一下组件的构造函数：

items：这是一个 tem 数组。 @修饰符表示该参数默认必须传递，且至少有2个。官方建议底部列数最好为3到5个。下面我们会讲到tem组件。 onTap：导航栏的点击事件，用于切换页面：用于指示当前选择的是哪一个。 底部：阴影高度类型：底部项目类型。 有两种选择：固定、自适应、选择放大。 如果未指定，则自动设置为 ype.fixed（当项目少于 4 个时），否则默认为 ype。 ：所选项目的图标和标签颜色。 该属性已被弃用，保留仅是为了向后兼容。 更推荐使用属性。 ：底部导航栏颜色：项目图标大小：功能相同，两者只能设置一项，建议选择。

：未选中项的颜色：已选中项的图标样式：未选中项的图标样式：已选中项的标签字体大小：未选中项的标签字体大小。 可以看到默认选中和未选中的字体大小是不同的，切换时会有动态变化。 如果需要一致，只需将两个属性设置为相同大小即可： 选中项的标签样式： 未选中项的标签样式： 是否显示选中项的标签，默认为： 是否显示 item 如下图 icon：导航栏item的图标，必须设置 title：item的标签，虽然没有@修饰符，但是必须设置，否则会报：Every item must have a non -null: 选择该项的图标 : 底部导航栏背景动画的颜色。 当导航栏类型为type.时，将该属性设置为item才会生效。

完成效果图：

总结：

源代码不会被发布。 虽然是公司新技术学习项目，但整个图标都是公司项目图标，所有网络请求都使用公司API。 暂时分享到这里。 欢迎大家点赞、转发、关注、评论。