搜索插件、代码仓与 APP 分类

ducafecatFlutter 生态导航
dynamic_height_grid_view 封面
插件详情v0.0.4

dynamic_height_grid_view

具有动态高度的 GridView。无需为网格指定 aspectRatio。

AndroidiOSWebmacOSWindowsLinux
pub.dev API 文档 源代码
近 30 天下载
5980
喜欢数
113
Pub 分数
150

安装插件

flutter pub add dynamic_height_grid_view

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个 Flutter 包，提供可动态调整项目高度的 GridView，无需定义 aspectRatio。它会根据内容自动调整网格项目的大小，非常适合内容尺寸各异的布局。该包支持所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux，确保在各种设备上行为一致。它轻量且可无缝集成到现有的 Flutter 项目中。

适合场景

  • 在网格中显示可变高度的内容
  • 创建响应式布局而不使用固定宽高比
  • 构建动态照片或卡片画廊
  • 实施灵活的产品列表
  • 为多种屏幕尺寸设计自适应界面

主要特点

  • 每个项目的自动高度计算
  • 无需设置 aspectRatio
  • 跨平台兼容性
  • 与 Flutter 的简单集成
  • 支持可滚动和嵌套的网格
  • 高效渲染，开销最小

适合对象

  • 开发响应式网格布局的开发者
  • 包含多种内容类型的 App
  • 需要灵活用户界面设计的项目
  • 注重跨平台一致性的团队
  • 寻求轻量级网格解决方案的用户

使用建议

  • 可能需要仔细处理大型数据集以保证性能
  • 不适合固定高度的网格设计
  • 内容溢出应显式处理
  • 最好与可预测的内容大小一起使用
  • 与完整自定义渲染器相比，自定义选项有限

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

dynamic_height_grid_view

pub package License: MIT

GridView with dynamic height. No need to use aspectRatio.

Usage

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: DynamicHeightGridView(
        itemCount: 120,
        crossAxisCount: 3,
        crossAxisSpacing: 10,
        mainAxisSpacing: 10,
        builder: (ctx, index) {
          /// return your widget here.
        }
      ),
    );
  }
}
  • Use SliverDynamicHeightGridView for CustomScrollView

所属分类

网格

源码仓库

使用此插件的项目