android - Jetpack Compose View 中未显示行项目之一

Question

这是一个可组合的测试:

@Preview
@Composable
fun SliderInRow() {
    Row {
        Text("qwe")
        Slider(value = 0f, onValueChange = {})
        Text("wer")
    }
}

我想要一行有一个文本、一个 slider 和另一个文本。但是，最后一个可组合的文本( wer )被遗漏了:

我究竟做错了什么？

Answer 1

Slider旨在采用所有可用宽度，与 Modifier.fillMaxWidth 的任何 View 相同做。
这就是他压缩最后一个 View 并使其宽度为零的原因。
创建此类布局的推荐方法是添加 Modifier.weight(1f)到灵活 View ，Slider在你的情况下。来自其documentation :

The parent will divide the horizontal space remaining after measuring unweighted child elements and distribute it according to this weight.

Row {
    Text("qwe")
    Slider(value = 0f, onValueChange = {}, modifier = Modifier.weight(1f))
    Text("wer")
}