flutter 组件——展示更多

最新推荐文章于 2024-09-11 07:32:23 发布

zeddme

最新推荐文章于 2024-09-11 07:32:23 发布

阅读量2.1k

点赞数

分类专栏： flutter 工作文章标签： flutter

本文链接：https://blog.csdn.net/qq_44888570/article/details/121233478

版权

介绍

笔者自己封装的一个flutter组件，用于展示网格数据。可以传入默认展示的数目，网格的列数，展开和收起时显示的文字等。需注意的是，该组件需要传入一个itemBuilder函数，这个函数有context和index两个参数，即网格的子项构造函数。还需要传入一个包含所有网格数据的数组。网格的子项宽高比childAspectRatio也是可以传入的。

效果图

在这里插入图片描述

源码

import 'package:flutter/material.dart';

class MoreData extends StatefulWidget {
  final List<dynamic> list;
  final int firstShowCount;
  final int crossCount;
  final double childAspectRatio;
  final IndexedWidgetBuilder itemBuilder;
  final String expandedText;
  final String tightText;

  const MoreData({
    Key? key,
    required this.list,
    required this.firstShowCount,