为什么MutableState<Float>调用函数时被识别为Float类型？

错误原因 #

你用var bmi by remember { mutableStateOf(0.0f) }声明状态时，by是Jetpack Compose的委托语法糖——它会直接把MutableState<Float>对象包装成Float类型供你使用。也就是说，你直接操作的bmi是Float值，而非MutableState<Float>对象本身。

所以当你调用calculateBMI(height, weight, bmi)时，传递的是Float类型的值，和函数要求的MutableState<Float>参数类型完全不匹配；而bmi.value本身就是Float类型，自然也无法满足参数要求。

两种解决方案 #

方案1：传递原始的MutableState对象 #

放弃by委托，直接持有MutableState对象，调用函数时传入该对象：

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BMI() {
    // 直接声明MutableState对象，不用by委托
    val bmiState = remember { mutableStateOf(0.0f) }
    var weight by remember { mutableStateOf("") }
    var height by remember { mutableStateOf("") }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .background(color = Color.White)
    ) {
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            // 身高输入框
            Text(text = "Enter your height")
            TextField(
                keyboardOptions = KeyboardOptions.Default.copy(
                    keyboardType = KeyboardType.Decimal,
                    imeAction = ImeAction.Done
                ),
                value = height,
                onValueChange = { height = it }
            )
            Spacer(modifier = Modifier.padding(8.dp))

            // 体重输入框
            Text(text = "Enter your weight")
            TextField(
                keyboardOptions = KeyboardOptions.Default.copy(
                    keyboardType = KeyboardType.Decimal,
                    imeAction = ImeAction.Done
                ),
                value = weight,
                onValueChange = { weight = it }
            )
            Spacer(modifier = Modifier.padding(8.dp))

            // 计算按钮
            Button(onClick = {
                // 传入bmiState这个MutableState对象
                calculateBMI(height, weight, bmiState)
            }) {
                Text(text = "Calculate BMI", textAlign = TextAlign.Center)
                Spacer(modifier = Modifier.padding(10.dp))
            }

            // 显示结果时访问value属性
            if (bmiState.value > 0.0f) {
                Text("Your BMI is %.2f".format(bmiState.value))
            }
        }
    }
}

// 原函数保持不变
fun calculateBMI(height: String, weight: String, bmiState: MutableState<Float>) {
    val h = height.toFloatOrNull() ?: return
    val w = weight.toFloatOrNull() ?: return
    val bmi = w / (h * h)
    bmiState.value = bmi
}

方案2：让函数返回计算结果，在Composable内更新状态 #

修改函数为返回计算后的BMI值，再在按钮点击事件里直接更新状态，这种方式更符合函数单一职责：

@OptIn(ExperimentalMaterial3Api::class)
@Composable
fun BMI() {
    var bmi by remember { mutableStateOf(0.0f) }
    var weight by remember { mutableStateOf("") }
    var height by remember { mutableStateOf("") }

    Column(
        modifier = Modifier
            .fillMaxSize()
            .background(color = Color.White)
    ) {
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .padding(16.dp),
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            // 输入框部分和原代码一致，省略重复代码...

            Button(onClick = {
                // 接收函数返回的结果，非空则更新bmi
                calculateBMI(height, weight)?.let { result ->
                    bmi = result
                }
            }) {
                Text(text = "Calculate BMI", textAlign = TextAlign.Center)
                Spacer(modifier = Modifier.padding(10.dp))
            }

            if (bmi > 0.0f) {
                Text("Your BMI is %.2f".format(bmi))
            }
        }
    }
}

// 修改函数为返回Float?，处理无效输入的情况
fun calculateBMI(height: String, weight: String): Float? {
    val h = height.toFloatOrNull() ?: return null
    val w = weight.toFloatOrNull() ?: return null
    return w / (h * h)
}

内容的提问来源于stack exchange，提问作者AboKaid 999