应用能否提供Jetpack Compose视图供SDK实现布局重写？

Jetpack Compose完全可以实现你描述的需求，且其声明式UI的特性可以完美匹配你方iOS SDK的实现思路，同时满足客户端仅实现布局、不处理状态的要求。

核心实现方案 #

1. SDK侧定义布局契约与状态封装 #

所有状态逻辑完全收拢在SDK内部，仅对外暴露渲染所需的不可变UI数据和事件回调入口，和iOS侧的UIView接口定义逻辑对齐：

• 首先定义UI状态数据类，仅包含布局渲染需要的全部数据，客户端仅可读取不可修改：

// 语言选择页UI状态示例
data class LanguageSelectUiState(
    val searchKeyword: String,
    val languageList: List<LanguageItem>,
    val submitBtnEnable: Boolean
)

• 封装事件回调类，所有交互逻辑的处理都由SDK侧提供实现，客户端仅需触发回调即可：

class LanguageSelectCallbacks(
    val onSearchInput: (String) -> Unit,
    val onLanguageSelect: (LanguageItem) -> Unit,
    val onSubmitClick: () -> Unit
)

• 定义布局接口，作为对外暴露的布局契约：

interface LanguageSelectLayout {
    @Composable
    fun Content(uiState: LanguageSelectUiState, callbacks: LanguageSelectCallbacks)
}

同时SDK内部需要实现对应接口的默认布局，作为未自定义时的兜底方案。

2. 对外暴露静态注册入口 #

提供和iOS侧逻辑一致的注册方法，接收客户端传入的自定义布局实现：

object SdkUiRegistry {
    var customLanguageSelectLayout: LanguageSelectLayout? = null
        private set

    // 对外暴露的静态注册方法
    fun registerLanguageSelectLayout(layout: LanguageSelectLayout) {
        customLanguageSelectLayout = layout
    }
}

3. SDK内部实现布局加载逻辑 #

在SDK内部需要渲染对应页面的位置，优先判断是否有自定义布局，有则加载自定义实现，无则加载默认布局：

@Composable
internal fun SdkLanguageSelectPage() {
    // SDK内部自行维护状态，完全对客户端屏蔽
    val uiState by sdkViewModel.languageSelectUiState.collectAsState()
    val callbacks = remember {
        LanguageSelectCallbacks(
            onSearchInput = sdkViewModel::updateSearchKeyword,
            onLanguageSelect = sdkViewModel::selectLanguage,
            onSubmitClick = sdkViewModel::submitSelection
        )
    }

    // 布局加载判断逻辑
    SdkUiRegistry.customLanguageSelectLayout?.Content(uiState, callbacks) 
        ?: DefaultLanguageSelectLayout.Content(uiState, callbacks)
}

客户端自定义使用示例 #

客户端仅需要实现布局契约接口，编写布局渲染逻辑即可，不需要处理任何状态：

class CustomLanguageLayout : LanguageSelectLayout {
    @Composable
    override fun Content(uiState: LanguageSelectUiState, callbacks: LanguageSelectCallbacks) {
        // 客户端完全自定义布局结构、样式，仅使用传入的uiState渲染，交互触发对应回调即可
        Column(modifier = Modifier.fillMaxSize().padding(16.dp)) {
            TextField(
                value = uiState.searchKeyword,
                onValueChange = callbacks.onSearchInput,
                placeholder = { Text("搜索语言") }
            )
            LazyColumn(modifier = Modifier.weight(1f)) {
                items(uiState.languageList) { item ->
                    Text(
                        text = item.name,
                        modifier = Modifier
                            .fillMaxWidth()
                            .clickable { callbacks.onLanguageSelect(item) }
                            .padding(vertical = 12.dp)
                    )
                }
            }
            Button(
                onClick = callbacks.onSubmitClick,
                enabled = uiState.submitBtnEnable,
                modifier = Modifier.fillMaxWidth()
            ) {
                Text("确认选择")
            }
        }
    }
}

客户端只需要在初始化SDK时调用注册方法即可完成布局覆盖：
SdkUiRegistry.registerLanguageSelectLayout(CustomLanguageLayout())

该方案和你方之前XML布局覆盖的使用体验一致，客户端不需要关心内部业务逻辑，仅调整布局即可完成自定义，同时完全复用了你方iOS SDK的架构设计思路。

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