当前位置: 代码迷 >> 综合 >> Flutter 实现高仿开眼 APP 的页面开发 03
  详细解决方案

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

热度:38   发布时间:2024-02-21 07:29:55.0

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

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 ==