? 画廊折叠 开源热爱

Say Thanks!

一个 Flutter 包,根据与 Hero 动画相关的图片数量显示库折叠……

源代码是100% Dart,所有内容都位于/lib文件夹中。

? Gifs

Screenshot Screenshot Screenshot

? 安装

pubspec.yamldependencies: 部分,添加以下行

Version

dependencies:
  gallery_collapse: <latest version>

❔ 用法

导入此类

import 'package:image_collapse/image_collapse.dart';

之前之后

    ImageCollapse(
        imageUrls: listNetworkImages,
    ),

? 定制和属性

BeforeAfter Widget 的所有可定制属性

属性名 示例值 描述
imageUrls (List) [‘https://pub.dev/flutter_logo.png‘] 从网络设置图片列表
titleGallery (String?) 画廊 点击图片时显示的标题
remainNumberStyle (TextStyle?) 设置剩余图片数量的样式
crossAxisCount (int) 6.0 设置图片之间的 crossAxisCount
mainAxisSpacing (double) 4.0 设置图片之间的 mainAxisSpacing
crossAxisSpacing (double) 4.0 设置图片之间的 crossAxisSpacing
backgroundImageView (BoxDecoration?) BoxDecoration(color: Color(0xff374056)) 设置点击显示图片时的背景颜色
fadingColorCollapse (Color?) 16.0 设置剩余图片数量的背景颜色
appBarColor (Color?) Colors.yellow 设置显示图片时的 appBar 颜色

? 如何贡献

  1. Fork 此项目
  2. 创建你的特性分支 (git checkout -b my-new-feature)
  3. 提交你的更改 (git commit -am ‘Add some feature’)
  4. 推送到分支 (git push origin my-new-feature)
  5. 创建新的 Pull Request

入门

有关 Flutter 入门指南,请参阅我们的在线 文档

有关编辑包代码的帮助,请参阅 文档

GitHub

查看 Github