这是本实战系列的最后一篇文章了,也是本专栏的最后一篇文章。这篇文章将继续上一篇的文章,把剩余的发现页面和社区页面进行开发。以及抽离了一些可复用的业务组件,并且新增加了图片轮播组件、九宫格布局组件等等。
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(key: key);@overrideWidget build(BuildContext context) {var coverImageWidget = Container(width: width == 0 ? double.infinity : width,height: (width ==