Y.A.M の雑記帳: Arrangement.spacedBy()

2024年9月17日火曜日

Arrangement.spacedBy()

Arrangement.spacedBy() を使うと、Column や Row の要素間に同じ大きさの余白を設けることができます。

Spacer で余白を実装する場合、上端や下端に余白が入らないように index を使った制御が必要になります。


Column {
    list.forEachIndexed { index, item ->
        if (index > 0) {
            Spacer(Modifier.height(8.dp))
        }

        ListItem(...)
    }
}

Arrangement.spacedBy() を使う場合、Spacer や index を使った制御が不要になるほか、if 文で要素を表示しないときに余白も自動で表示されなくなります。


Column(
    verticalArrangement = Arrangement.spacedBy(8.dp)
) {
    list.forEach { item ->
        ListItem(...)
    }
}

Y.A.M の雑記帳

2024年9月17日火曜日

Arrangement.spacedBy()

0 件のコメント:

コメントを投稿