Jetpack Compose传入Composable列表参数报类型不匹配如何解决

类型不匹配的原因非常直接：你在listOf()里直接写Column {}时，代码会立刻执行这个Composable函数，最终得到的是Composable执行后的返回值Unit，而不是你参数要求的待执行的Composable lambda实例，所以编译器识别到你传入的是List<Unit>，和声明的参数类型完全不符。

不要在初始化列表时直接执行Composable，把每个Column的渲染逻辑包裹在匹配参数签名的lambda里即可，修正后的可运行代码如下：

@Composable
fun LotsOfColumns() {
    ColumnListSample(
        myColumns = listOf(
            // 用lambda包裹Column调用，不要直接写Column()执行
            { Column { Text("第一个列项") } },
            { Column { Text("第二个列项") } }
        )
    )
}

@Composable
fun ColumnListSample(
    myColumns: List<@Composable (ColumnScope.() -> Unit)>,
    modifier: Modifier = Modifier
) {
    // 示例使用方式：在Column作用域内遍历调用所有传入的lambda
    Column(modifier = modifier) {
        myColumns.forEach { it() }
    }
}

额外说明 #

你声明的lambda类型带ColumnScope接收者，意味着这些lambda只能在Column的作用域上下文里调用，否则会报作用域匹配错误。如果你不需要在传入的Column中使用weight、align这类ColumnScope专属的API，可以把参数类型简化为List<@Composable () -> Unit>，调用时不需要受Column作用域限制，使用更灵活。

内容的提问来源于stack exchange，提问作者Jose Gonzalez