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

Posted 2022-06-23 熊喵先生

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

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);

  @override
  Widget build(BuildContext context) 
    var coverImageWidget = Container(
      width: width == 0 ? double.infinity : width,
      height: (width ==