我用Jetpack Compose构建了许多项目和组件.我已经阅读了有关StackOverFlow的文档和其他教程、网站和帖子.
我不清楚什么时候我可以在另一个可组合程序中使用可组合程序和可组合函数，尤其是使用LazyColumn.
我有一些组件，在LazyColumn中使用Row或Column.其他时候，我try 创建一个itemsIndexed列表，创建一系列的Row或Card，我得到一个@Composable invocations can only happen from the context of a @Composable function的错误.
LazyColumn不被认为是@Composable函数吗？整个LazyColumn都在@Composable函数中.
我对上下文从可组合环境到不可组合环境的变化感到困惑.
有人能解释一下吗？我搞混了什么？
@Composable invocations can only happen from the context of a @Composable function
正如上面所说，您需要从一个带有@Composable注释的函数中调用一个Composable
如果你判断LazyColumn函数签名
@Composable
fun LazyColumn(
// rest of the params
content: LazyListScope.() -> Unit
) {
}
你会发现内容不是可组合的.另一方面，items函数使用itemContent作为可组合函数
inline fun <T> LazyListScope.items(
items: List<T>,
noinline key: ((item: T) -> Any)? = null,
noinline contentType: (item: T) -> Any? = { null },
crossinline itemContent: @Composable LazyItemScope.(item: T) -> Unit
) = items(
count = items.size,
key = if (key != null) { index: Int -> key(items[index]) } else null,
contentType = { index: Int -> contentType(items[index]) }
) {
itemContent(items[it])
}
因此，您可以调用可组合函数，如Column inside item函数.
items(myItems) { myItem: MyItem ->
Column{
}
}
Column、Row或Box等函数的XScope个函数都标有
@Composable
inline fun Column(
modifier: Modifier = Modifier,
verticalArrangement: Arrangement.Vertical = Arrangement.Top,
horizontalAlignment: Alignment.Horizontal = Alignment.Start,
content: @Composable ColumnScope.() -> Unit
) {
val measurePolicy = columnMeasurePolicy(verticalArrangement, horizontalAlignment)
Layout(
content = { ColumnScopeInstance.content() },
measurePolicy = measurePolicy,
modifier = modifier
)
}
正因为如此，你可以在Column、Row或Box中再拨打Composable.