在iOS分享扩展中使用Compose Multiplatform UI显示空白屏问题排查

可能的原因及解决步骤 #

1. Kotlin端Compose视图未正确填充父容器

你的可组合项在主应用正常，但Extension中空白，首先检查Kotlin侧的ShareExtensionViewController实现：

• 确保Composable内容使用Modifier.fillMaxSize()强制填充整个视图空间，例如：

@Composable
fun ShareExtensionContent() {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.Red)
    )
}

• 若使用ComposeView手动创建VC，需确保添加正确的布局约束，让ComposeView填满父视图：

fun ShareExtensionViewController(): UIViewController {
    val vc = UIViewController()
    val composeView = ComposeView(vc.view.context).apply {
        setContent { ShareExtensionContent() }
    }
    vc.view.addSubview(composeView)
    composeView.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate(
        composeView.topAnchor.constraintEqualTo(vc.view.safeAreaLayoutGuide.topAnchor),
        composeView.leadingAnchor.constraintEqualTo(vc.view.leadingAnchor),
        composeView.trailingAnchor.constraintEqualTo(vc.view.trailingAnchor),
        composeView.bottomAnchor.constraintEqualTo(vc.view.bottomAnchor)
    )
    return vc
}

2. Swift端视图生命周期或布局触发问题

Share Extension的视图生命周期和主应用存在差异，可尝试在添加Compose VC后强制触发布局：

composeVC.didMove(toParent: self)
// 添加以下两行强制刷新布局
composeVC.view.setNeedsLayout()
composeVC.view.layoutIfNeeded()

同时可临时设置Compose视图的背景色，确认视图是否实际存在：

composeVC.view.backgroundColor = UIColor.systemBlue

3. Share Extension配置缺失

• 检查Extension的Info.plist，确保NSExtension配置正确，NSExtensionPrincipalClass指向你的ShareViewController。
• 确认Extension目标已正确引入Compose Multiplatform依赖：在Xcode的Build Phases -> Link Binary With Libraries中，检查是否包含Compose相关框架（如ComposeUIKit等）。

4. 验证Compose是否被初始化

在Kotlin的Composable中添加日志，确认代码是否被执行：

@Composable
fun ShareExtensionContent() {
    println("ShareExtensionContent composed")
    Box(modifier = Modifier.fillMaxSize().background(Color.Red))
}

若日志未打印，说明Compose VC未正确初始化，需检查Kotlin端的VC创建逻辑；若日志打印但视图空白，重点排查布局约束问题。

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