Jetpack Compose中如何从子组件传递@Composable至父组件？

我正在基于Jetpack Compose开发插件，需要实现子插件设置父屏幕UI的功能，该如何实现？我们可以从父组件向子组件传递@Composable函数，但我需要让子插件能使用类似ContentPresenter的机制。

示例代码：

@Composable
fun ChildComposable(view: @Composable () -> Unit) {
    view()
}

请问使用以下方式的状态是否可行？

var view by remember { mutableStateOf<@Composable () -> Unit>({}) }

• 你提到的用mutableStateOf持有@Composable函数的方式完全可行，这是实现子插件控制父UI的常用方案。
• 具体实现步骤：
  1. 在父组件中声明该可组合函数状态，并将状态更新方法传递给子插件
  2. 子插件通过调用更新方法，传入自定义的@Composable内容，即可动态替换父屏幕的UI
  3. 父组件在需要展示的位置调用view()，就能渲染子插件提供的UI

示例实现代码：

// 父组件
@Composable
fun ParentComposable() {
    var content by remember { mutableStateOf<@Composable () -> Unit>({}) }

    // 供子插件调用的更新方法
    val updateParentContent: (@Composable () -> Unit) -> Unit = { newContent ->
        content = newContent
    }

    Column {
        // 渲染子插件提供的内容
        content()
        // 嵌入子插件，传递更新方法
        ChildPlugin(updateParentContent)
    }
}

// 子插件组件
@Composable
fun ChildPlugin(updateParentContent: (@Composable () -> Unit) -> Unit) {
    Button(onClick = {
        // 子插件自定义父UI内容
        updateParentContent {
            Text("子插件设置的父屏幕UI")
            Button(onClick = { /* 子插件定义的交互逻辑 */ }) {
                Text("子插件提供的按钮")
            }
        }
    }) {
        Text("点击更新父UI")
    }
}

• 注意要点：
  • 确保remember的作用域正确，避免触发不必要的组件重组
  • 若子插件为独立模块，需保证Compose版本与主项目兼容
  • 复杂场景可封装通用的ContentPresenter类，统一管理UI内容的更新与切换

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