Flutter 实现高仿开眼 APP 的页面开发 03

熊喵先生

于 2020-09-22 11:51:03 发布

阅读量332

点赞数

分类专栏： Dart 入门实践

本文链接：https://blog.youkuaiyun.com/u013064109/article/details/108728303

版权

Dart 入门实践专栏收录该内容

26 篇文章 ¥39.90 ¥99.00

订阅专栏

本文介绍了如何使用Flutter开发高仿开眼APP的页面，包括可复用组件如圆角图片封面、标准头部、关注列表头部的抽离，以及九宫格组件的开发。详细讲解了发现和社区页面的开发过程，涉及Bloc状态管理、网络请求和UI实现。此外，还分享了项目的GitHub源码和后期规划。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这是本实战系列的最后一篇文章了，也是本专栏的最后一篇文章。这篇文章将继续上一篇的文章，把剩余的发现页面和社区页面进行开发。以及抽离了一些可复用的业务组件，并且新增加了图片轮播组件、九宫格布局组件等等。

1. 可复用的业务组件抽离

根据开发业务需要把原来一些可复用的业务组件抽离，抽离到 bizmodule 目录下的 bizwidget 中。

1.1 圆角图片封面组件

class CoverImageItem extends StatelessWidget {
  final double width;
  final String coverUrl;
  final int duration;

  const CoverImageItem(
      {Key key, this.width: 0, this.coverUrl, this.duration: -1})
      : super(

了解本专栏