エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Sliverで(動的な)画像のグリッドを実装する - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Sliverで(動的な)画像のグリッドを実装する - Qiita
概要 公式のSliverGridの動画に出てくる↓を、画像を展開するグリッドとして実装します。動的なコンテン... 概要 公式のSliverGridの動画に出てくる↓を、画像を展開するグリッドとして実装します。動的なコンテンツ表示でよく使うやつですね。 雑にググったら色付きのタイルを並べてるサンプルは出てくるけど画像を動的に並べるコードがあんまり出てこなかったので書きました。 前提となるウィジェット Scaffoldと、Sliverを使う時のお約束であるCustomScrolViewを置きます。 Scaffold( body: CustomScrollView( slivers: <Widget>[ SliverGrid( gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent( maxCrossAxisExtent: 200.0, mainAxisSpacing: 10.0, crossAxisSpacing: 10.0, childAspectR