我在我的 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
的显示吗?
它是新材料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))
```