😄
Jetpack ComposeでRowで2つの要素を2等分する
こんなViewで test1
と test2
の横幅を揃えて左右にスペースをいれたい場合に少し迷ったのでメモ
modifier = Modifier.weight(1f)を使う
Modifier.weight(1f)
を使えばいける
Row(
modifier = Modifier
.fillMaxWidth()
) {
Spacer(modifier = Modifier.width(20.dp))
items.forEachIndexed { index, item ->
OutlinedButton(
// TODO (省略)ボタンのレイアウト
) {
Text(
text = item,
color = MaterialTheme.colors.primary,
modifier = Modifier.padding(horizontal = 8.dp)
)
}
}
Spacer(modifier = Modifier.width(20.dp))
}
Discussion