Jetpack ComposeでComposableを縦に並べる
最終更新日:2024-08-11
Jetpack ComposeはComposable関数の中で表示したいComposable関数を呼ぶことで画面を作ります。縦に2つ並べたい場合、HTMLのノリで次のように呼んでみます。
@Composable
fun Greeting(name: String) {
Text(text = "こんにちは $name!")
Text(text = "Jetpack Composeの世界へようこそ")
}
これをプレビューで確認すると次のように表示されてしまいます。
Jetpack Composableで縦に並べるには、次のように Column
を使います。
@Composable
fun Greeting(name: String) {
Column {
Text(text = "こんにちは $name!")
Text(text = "Jetpack Composeの世界へようこそ")
}
}
プレビューは次のようになります。