LinearProgressIndicator 在 androidx.compose.material3 版本 1.3.0 中被分成两部分

Question

我在我的 Kotlin Compose 项目中使用

LinearProgressIndicator

。将

androidx.compose.material3

从版本

1.2.0

升级到

1.3.0

后，我注意到

LinearProgressIndicator

不再按预期显示。它应该显示为一个连续的进度条，但相反，它看起来分成两部分，最后出现一个额外的点。

代码如下：

@Composable
fun CustomProgressBar() {
    LinearProgressIndicator(
        progress = { 0.5f },
        trackColor = Color.Gray,
        modifier = Modifier
            .width(200.dp)
            .height(15.dp),
        color = Color.Blue,
        strokeCap = StrokeCap.Round,
    )
}

有人遇到过这个问题吗？或者有已知的解决方法来修复 1.3.0 版本中

LinearProgressIndicator

的显示吗？

Answer 1

它是新材料3设计，你可以像这样定制，

            LinearProgressIndicator(
                color = Color.Red, // Use the determined color
                trackColor = Color.Gray, // Set the track color to the alpha version
                progress = { 0.70f },
                gapSize = 0.dp,
                strokeCap = StrokeCap.Square,
                drawStopIndicator = {},
                modifier = Modifier
                    .fillMaxWidth()
                    .height(24.dp))
    ```