RangeSlider 填充 Jetpack Compose 中的所有可用宽度

Question

当我尝试在 RangeSlider 之后放置一些可组合项时，RangeSlider 填满了所有宽度。例如：

Row {
    Text(text = "Test1")
    var range by remember { mutableStateOf(-20f..20f) }
    RangeSlider(
        values = range, onValueChange = {
            range = it
        },
        colors = SliderDefaults.colors(
            thumbColor = MaterialTheme.colorScheme.onSecondaryContainer,
            activeTrackColor = MaterialTheme.colorScheme.onSecondaryContainer
        ),
        valueRange = -50f..50f
    )
    Text(text = "Test2")
}

在这种情况下 Text 和 Test2 是不可见的。当我试图强制 RangeSlider 具有一定宽度时，第二个滑块偏离轨道。此外，Modifier.weigth() 不起作用。

Answer 1

使用另一个包装 RangeSlider 的布局解决了这个问题。不知道为什么RangeSlider不遵守Modifier.weigth()

   Row {
        Text(text = "Test1")
        var range by remember { mutableStateOf(-20f..20f) }
        Row(
            modifier= Modifier.weight(1f),
            ){
            RangeSlider(
                values = range, onValueChange = {
                    range = it
                },
                valueRange = -50f..50f
            )
        }
        Text(text = "Test2")
    }

RangeSlider 填充 Jetpack Compose 中的所有可用宽度

RangeSlider fills all available width in Jetpack Compose

android-jetpack-compose

rangeslider