🔖
JetpackCompose Textの横に別要素があり、Textがoverflowした場合に横の別要素が消えてしまう場合の解決方法
結論
TextにModifier.weightを当ててあげましょう。
サンプルコード
Row(
horizontalArrangement = Arrangement.SpaceBetween,
verticalAlignment = Alignment.CenterVertically,
modifier = Modifier
.background(backgroundColor)
.fillMaxWidth()
) {
Text(
text = "hogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehogehoge",
modifier = Modifier.weight(1F),
)
hogehogeWidget()
}
解説
fillMaxWidth()を持ったRowの中に子要素が二つあり、
Textの大きさが中のStringによって可変するので
Modifier.weight()が無いとoverflowしてTextの横の要素が追い出されてしまう。
そこでModifier.weight()を当てて割合を決めてあげることで
別の要素を追い出すことなく横並びにすることができる。
参考記事
Discussion