『StaggeredTile.count』について【Flutter】

Question

**『StaggeredTile.count』**について伺いたいです。

---

コード模写をしていたところ、下記のコードがありました。

SliverStaggeredGrid.count(
            crossAxisCount: 2,
            mainAxisSpacing: 10,
            crossAxisSpacing: 10,
            staggeredTiles: [
              StaggeredTile.count(1, 2),
              StaggeredTile.count(1, 1),
              StaggeredTile.count(1, 1),
            ],
            children: <Widget>[
              Image.asset('images/0.jpg'),
              Image.asset('images/1.jpg'),
              Image.asset('images/2.jpg'),
            ],
          ),

↓コード抜粋

StaggeredTile.count(crossAxisCellCount, mainAxisCellCount)

StaggeredTile.countの引数の値のが何を表すのかを教えて頂けると嬉しいです????

---

お時間あるときにご返信いただければ、幸いです。
以下、スクリーンショットです。

![

Answer 1

childrenで指定した各子要素の寸法を指定しています。

まず、SliverStaggeredGrid.countのcrossAxisCountは2なので、写真の並びが縦に大きく2つ分かれています。
そして、ひとつめのStaggeredTile.countはcount(1, 2)なので、images/0.jpgが横一つと縦二つ分の範囲を確保しています。(ピンク色の写真。上下に白い空白ができているが、その分確保している。)
ほかの2つの写真はcount(1, 1)なので、横一つと縦一つの範囲で表示されています。

説明わかりにくくてすみません...

Comments

[kazuki_user]

’範囲’だったのですね????
imageに『fit: BoxFit.cover』を付けて検証したら、しっかり理解できました。
ありがとうございました。