如何在不同类的Button按下时禁用TopAppBar组件？

你直接调用MainScreen的方法没效果，核心原因是没有用状态驱动UI更新——Compose是声明式框架，命令式调用方法无法触发UI重组，自然不会改变TopAppBar的状态。下面给你两种实用的解决方案：

方案1：用共享ViewModel管理状态（推荐跨场景使用） #

通过ViewModel在不同屏幕间共享状态，是跨组件状态管理的标准做法：

1. 创建共享ViewModel，持有TopAppBar菜单的启用状态

import androidx.lifecycle.ViewModel
import androidx.lifecycle.MutableStateFlow
import androidx.lifecycle.asStateFlow
import kotlinx.coroutines.launch
import androidx.lifecycle.viewModelScope

class AppViewModel : ViewModel() {
    // 私有可变状态，外部只能通过方法修改
    private val _isTopAppBarMenuEnabled = MutableStateFlow(true)
    // 公开只读状态，供UI观察
    val isTopAppBarMenuEnabled = _isTopAppBarMenuEnabled.asStateFlow()

    fun setTopAppBarMenuEnabled(enabled: Boolean) {
        viewModelScope.launch {
            _isTopAppBarMenuEnabled.emit(enabled)
        }
    }
}

2. 在MainScreen中绑定状态到TopAppBar

import androidx.compose.material.TopAppBar
import androidx.compose.material.Icon
import androidx.compose.material.IconButton
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Menu
import androidx.lifecycle.viewmodel.compose.viewModel
import androidx.compose.runtime.collectAsStateWithLifecycle

@Composable
fun MainScreen(appViewModel: AppViewModel = viewModel()) {
    // 观察状态变化，自动触发UI重组
    val isMenuEnabled by appViewModel.isTopAppBarMenuEnabled.collectAsStateWithLifecycle()

    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text("主屏幕") },
                actions = {
                    IconButton(
                        onClick = { /* 菜单点击逻辑 */ },
                        enabled = isMenuEnabled // 绑定状态控制可用性
                    ) {
                        Icon(Icons.Default.Menu, contentDescription = "菜单")
                    }
                }
            )
        }
    ) { padding ->
        // 把ViewModel传递给UserScreen
        UserScreen(appViewModel = appViewModel, modifier = Modifier.padding(padding))
    }
}

3. 在UserScreen中调用ViewModel方法更新状态

import androidx.compose.material.Button
import androidx.compose.material.Text

@Composable
fun UserScreen(appViewModel: AppViewModel) {
    Button(
        onClick = {
            // 更新共享状态，MainScreen会自动感知并更新UI
            appViewModel.setTopAppBarMenuEnabled(false)
        }
    ) {
        Text("禁用TopAppBar菜单")
    }
}

方案2：用回调函数（适合简单父子组件交互） #

如果只是MainScreen和UserScreen之间的简单交互，用回调更轻量：

1. 在MainScreen中定义回调并传递给UserScreen

import androidx.compose.material.TopAppBar
import androidx.compose.material.Icon
import androidx.compose.material.IconButton
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Menu
import androidx.compose.runtime.remember
import androidx.compose.runtime.mutableStateOf

@Composable
fun MainScreen() {
    // 用remember保存状态，避免重组丢失
    var isMenuEnabled by remember { mutableStateOf(true) }

    Scaffold(
        topBar = {
            TopAppBar(
                title = { Text("主屏幕") },
                actions = {
                    IconButton(
                        onClick = { /* 菜单点击逻辑 */ },
                        enabled = isMenuEnabled
                    ) {
                        Icon(Icons.Default.Menu, contentDescription = "菜单")
                    }
                }
            )
        }
    ) { padding ->
        UserScreen(
            onDisableMenu = { isMenuEnabled = false },
            modifier = Modifier.padding(padding)
        )
    }
}

2. 在UserScreen中触发回调

import androidx.compose.material.Button
import androidx.compose.material.Text

@Composable
fun UserScreen(onDisableMenu: () -> Unit) {
    Button(onClick = onDisableMenu) {
        Text("禁用TopAppBar菜单")
    }
}

为什么之前的方法没用？ #

你之前在MainScreen里写的方法只是执行了打印，但没有更新驱动UI的状态变量——Compose只有当状态变量变化时才会触发重组，所以TopAppBar的状态不会改变。

内容的提问来源于stack exchange，提问作者Eduard Julian Peiro