1. 首页
  2. 数据库
  3. 其它
  4. 100 行代码实现Flutter自定义TabBar的示例代码

100 行代码实现Flutter自定义TabBar的示例代码

上传者: 2021-01-31 01:58:07上传 PDF文件 138.78KB 热度 15次
Flutter 的确很强大,但美中不足的是生态还有待完善,没有出现像前端的 Antd 或 Element 那样全能的基础 UI 库。 由此带来的直接影响是开发效率提不上去,需要耗费大量的时间精力在基础组件的封装上。 官方的 TabBar 不满足需求,又没有合适的轮子,只好自己造轮子啦。接下来带你一步步实现自定义 TabBar...... 一、目标和效果 需求目标是: 这个页面不要 material 左侧统一的返回键和 Title 在右侧有取消按钮,点取消即返回 点击 Tab 可以实现 content 切换并带有动画效果 滑动内容区域也可以切换 Tab 效果如下图: 二、实现思
用户评论