😄

Jetpack ComposeでRowで2つの要素を2等分する

2022/07/25に公開

こんなViewで test1test2 の横幅を揃えて左右にスペースをいれたい場合に少し迷ったのでメモ

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