Jetpack ComposeでGridレイアウトを使用した際にセルを正方形にするやり方

Kotlin Kotlin
Kotlin

Jetpack ComposeのLazyHorizontalGrid（LazyVerticalGrid）を使用した時に、各コンテンツ内のセルを正方形にしたい場合のやり方です。

ソースコード

LazyHorizontalGrid(
    rows = GridCells.Fixed(4)
) {
    items(users) {
        // users = 表示したいアイテムのデータ　例：List＜String＞のようなデータ
        Box (
            modifier = Modifier.aspectRatio(1f)
            ) {
                // 内容
        }
    }
}

これだけです。

めっちゃ簡単でした。
最初、セルの横幅や縦幅を取得して・・・とか、難しい事を考えておりましたが、ModifierにaspectRatioを指定するだけでした。

Jetpack Composeは本当にレイアウトしやすいと思います。
個人的には・・:D

コメント

タイトルとURLをコピーしました