パッケージ、リポジトリ、アプリカテゴリを検索

dynamic_height_grid_view のカバー
パッケージ詳細v0.0.4

dynamic_height_grid_view

動的な高さを持つ GridView。グリッドに aspectRatio を指定する必要はありません。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
5980
いいね数
113
Pub ポイント
150

パッケージをインストール

flutter pub add dynamic_height_grid_view

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

アスペクト比を定義する必要なく、動的に調整可能なアイテム高さを備えた GridView を提供する Flutter パッケージです。コンテンツに応じてグリッドアイテムのサイズを自動的に調整するため、さまざまなコンテンツ寸法を持つレイアウトに最適です。Android、iOS、Web、macOS、Windows、Linux などすべての主要プラットフォームをサポートしており、デバイス間で一貫した動作を保証します。軽量で、既存の Flutter プロジェクトへの統合もスムーズです。

用途

  • グリッドで高さが変動するコンテンツを表示する
  • 固定されたアスペクト比を使わずにレスポンシブレイアウトを作成する
  • 動的な写真またはカードギャラリーの構築
  • 柔軟な製品リストの実装
  • 複数の画面サイズに対応したアダプティブUIの設計

主な機能

  • アイテムごとの自動高さ計算
  • aspectRatio を設定する必要はありません
  • クロスプラットフォーム互換性
  • Flutter との簡単な統合
  • スクロール可能でネストされたグリッドをサポート
  • 最小限のオーバーヘッドで効率的なレンダリング

適している対象

  • 応答性のあるグリッドレイアウトを構築する開発者
  • さまざまなコンテンツタイプを持つアプリ
  • 柔軟なUIデザインを必要とするプロジェクト
  • クロスプラットフォームの整合性を優先するチーム
  • 軽量なグリッドソリューションを求めるユーザー

注意事項

  • パフォーマンスのため、大規模なデータセットを慎重に処理する必要がある場合があります
  • 固定高さのグリッドデザインには適していません
  • コンテンツのオーバーフローは明示的に管理する必要があります
  • 予測可能なコンテンツサイズと併用すると最適です
  • 完全カスタムレンダラーと比べてカスタマイズの範囲が限定的

元の 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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト