Jetpack Compose跨函数修改变量遇类型不匹配错误求助

错误原因 #

你用by委托声明var currentPage by remember { mutableStateOf("A") }后，currentPage的实际类型变成了String（委托会自动解包MutableState的value），但RegistrationScreen函数要求传入的参数类型是MutableState<String>，这就导致了类型不匹配的语法错误。

解决方案1：直接传递MutableState对象 #

去掉by委托，直接持有MutableState实例，通过.value访问和修改值：

@Composable
fun CrossSlideExample() {
    // 去掉by委托，直接持有MutableState对象
    val currentPage = remember { mutableStateOf("A") }

    CrossSlide(targetState = currentPage.value) { screen ->
        when (screen) {
            "A" -> RegistrationScreen(currentPage)
            "B" -> LoginScreen()
        }
    }
}

@Composable
fun RegistrationScreen(currentPage: MutableState<String>) {
    Button(onClick = {
        currentPage.value = "B"
    }) {
        Text(text = "GO TO LOGIN")
    }
}

@Composable
fun LoginScreen() {
    Button(onClick = { /*TODO*/ }) {
        Text(text = "GO BACK TO REGISTRATION")
    }
}

解决方案2：使用回调函数（推荐，符合单向数据流） #

更规范的做法是给子组件传递回调函数，而不是直接传递MutableState，这样能更好地遵循Compose的单向数据流原则：

@Composable
fun CrossSlideExample() {
    var currentPage by remember { mutableStateOf("A") }

    CrossSlide(targetState = currentPage) { screen ->
        when (screen) {
            "A" -> RegistrationScreen(onNavigateToLogin = { currentPage = "B" })
            "B" -> LoginScreen(onNavigateToRegistration = { currentPage = "A" })
        }
    }
}

@Composable
fun RegistrationScreen(onNavigateToLogin: () -> Unit) {
    Button(onClick = onNavigateToLogin) {
        Text(text = "GO TO LOGIN")
    }
}

@Composable
fun LoginScreen(onNavigateToRegistration: () -> Unit) {
    Button(onClick = onNavigateToRegistration) {
        Text(text = "GO BACK TO REGISTRATION")
    }
}

这种方式下，子组件不需要关心状态的具体存储，只需要在触发操作时调用回调，由父组件负责更新状态，代码的耦合度更低，也更易维护。

内容的提问来源于stack exchange，提问作者Dollar Monk