搜尋套件、儲存庫與 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

所屬分類

網格

原始碼儲存庫

使用此套件的專案