你将收获

掌握TabBar与TabBarView的使用

掌握PageView的使用

掌握视频播放 VideoPlayer 的使用

掌握 ClipOval、CachedNetworkImage 实现圆形头像

适用人群

有一定开发基础

课程介绍

本课程将使用 flutter 实现类似抖音首页面效果


  1.  通过 TabBar TabBarView 结合使用 实现仿抖音APP首页面 关注 与推荐 页面左右滑动ui构建
  2. 通过 PageView 来实现上下整屏切换效果
  3. 使用 VideoPlayer组件实现视频播放功能
  4. 通过 CircularProgressIndicator实现 有圆形背景样式的按钮浮在视频列表上方来实现控制视频的播放与暂停,并会综述一个 Align 在手机坐标系中的对齐方式
  5. 通过 ClipOvalCachedNetworkImage 实现圆形头像
  6. 通过 showModalBottomSheet 实现从页面底部上滑的弹框,结合 ListView 实现弹框显示评论列表功能
  7. 通过 showModalBottomSheet 实现从页面底部上滑的弹框,结合 GridView 实现弹框显示九宫格列表功能