Jetpack Compose中ProgressBar无法隐藏问题求助

你的ProgressBar在任务完成后无法隐藏，大概率是以下几个原因导致的，对应解决方案如下：

1. 参数拼写错误 #

你的Composable参数写的是isVissible（拼写错误，正确应为isVisible），如果调用这个函数时传递的是正确拼写的状态变量，会导致参数不匹配，状态变化无法传递到ProgressBar中。

修正方式：统一参数拼写，把函数参数改成isVisible：

@Composable
fun ProgressBar(isVisible: Boolean) {
    if (isVisible) {
        Surface(
            Modifier.fillMaxSize(), 
            color = Color.Transparent
        ) {
            Column(
                Modifier.fillMaxSize(),
                verticalArrangement = Arrangement.Center,
                horizontalAlignment = Alignment.CenterHorizontally
            ) {
                CircularProgressIndicator(color = appGreen)
            }
        }
    }
    // else分支直接省略，不需要返回Spacer，避免多余布局
}

2. 状态未触发Composable重组 #

如果传递给isVisible的不是MutableState类型的变量，而是普通布尔值，那么当任务完成修改状态时，Composable不会自动重组，UI也就不会更新。

正确调用示例：
确保使用remember和mutableStateOf来维护状态，任务完成时更新状态值：

@Composable
fun TaskScreen() {
    // 用MutableState维护加载状态
    val isLoading = remember { mutableStateOf(true) }

    // 模拟任务完成，比如网络请求结束后修改状态
    LaunchedEffect(Unit) {
        delay(2000) // 模拟任务耗时
        isLoading.value = false
    }

    ProgressBar(isVisible = isLoading.value)
    // 其他界面内容
}

3. 额外提示：简化布局逻辑 #

原代码else分支返回的Spacer是多余的，当isVisible为false时，直接不渲染任何内容即可，这样不会影响其他布局的排版。

内容的提问来源于stack exchange，提问作者Victor kiptoo