在另一个Compose函数中调用weight(1f)编译报错求助

架构老林

2026-8-15

问题原因

Modifier.weight() 是仅针对Row/Column的直接子组件生效的扩展函数——它需要父级布局（Row/Column）来计算剩余空间并分配权重。你当前的代码中，FoodItem 是 Row 的子项，但内部的 Box 并没有被Row/Column直接包裹，所以编译器无法识别 weight() 函数，从而抛出错误。

解决方案

根据你的布局需求，有两种常见的修正方式：

方式1：在FoodItem内部添加Row包裹Box

如果需要 FoodItem 内部的两个Box平分宽度，直接在 FoodItem 里用Row包裹它们，让Box成为Row的直接子项即可：

@Composable
fun FoodItem(modifier: Modifier = Modifier) {
    Row(modifier = modifier.fillMaxWidth()) {
        Box(modifier = Modifier.weight(1f)) {
            Text(text = "Salad")
        }

        Box(modifier = Modifier.weight(1f)) {
            Text(text = "Salad")
        }
    }
}

此时 FoodMenu 的代码无需修改，FoodItem 内部的Row会负责处理权重分配。

方式2：给FoodItem本身传递weight修饰符

如果需要 FoodItem 作为Row的子项占据权重（比如多个FoodItem平分父Row的宽度），则把weight通过modifier参数传入 FoodItem，内部Box直接填充宽度即可：

修改后的 FoodMenu：

@Composable
fun FoodMenu(modifier: Modifier = Modifier) {
    Row(modifier = Modifier.fillMaxWidth().wrapContentSize()) {
        FoodItem(modifier = Modifier.weight(1f))
        // 若有多个FoodItem，可重复添加并传递weight
        // FoodItem(modifier = Modifier.weight(1f))
    }
}

修改后的 FoodItem：

@Composable
fun FoodItem(modifier: Modifier = Modifier) {
    Column(modifier = modifier) {
        Box(modifier = Modifier.fillMaxWidth()) {
            Text(text = "Salad")
        }

        Box(modifier = Modifier.fillMaxWidth()) {
            Text(text = "Salad")
        }
    }
}

注意事项