たくさんの自由帳

Jetpack Composeで一番大きいコンポーネントにすべて合わせたい

投稿日 : | 0 日前

文字数(だいたい) : 1131

AndroidKotlinJetpackCompose
Twitterで共有GitHubで開く

どうもこんばんわ。
無線LAN子機を買い替えたらGradle syncでコケなくなりました。今まではライブラリ拾ってくるところでよくコケてたので...

本題

一番大きいコンポーネントにすべて合わせたい。

Imgur

作り方

@Composable
fun ParentDynamicWidth() {
    Column(modifier = Modifier.width(IntrinsicSize.Max)) {
        Button(
            onClick = { },
            modifier = Modifier.fillMaxWidth()
        ) {
            Text(text = "Jetpack Compose")
        }
        Button(
            onClick = { },
            modifier = Modifier.fillMaxWidth()
        ) {
            Text(text = "Android")
        }
        Button(
            onClick = { },
            modifier = Modifier.fillMaxWidth()
        ) {
            Text(text = "Kotlin ")
        }
    }
}

親要素にModifier.width(IntrinsicSize.Max)を付けて、子要素にはModifier.fillMaxWidth()を付けてあげます。

Imgur

終わりに

そろそろ寝たいのでここらへんで失礼します。

参考リンク

https://stackoverflow.com/questions/66458270/modifier-wrapcontentwidth-vs-modifier-widthintrinsicsize-max-in-android-jetp