Compose Bottom Sheet状态变更时不重组问题求助

我用Compose实现了Bottom Sheet界面，希望数据变更时更新Bottom Sheet。我把LiveData通过observeAsState转换为State传给Composable，但状态变更时Compose并没有触发重组。

LiveData定义 #

private var title = MutableLiveData()
private var subTitle= MutableLiveData()

视图创建代码 #

override fun onCreateView(
        inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?
    ): View {
        return ComposeView(requireContext()).apply {
            setContent {
                MyTheme(themeColorMode = ThemeColorMode.Light) {
                    RelayInfoHalfCard(title = title.observeAsState(), subTitle = subTitle.observeAsState()) {
                        dismiss()
                    }
                }
            }
        }
    }

数据更新函数 #

fun updateData(title: String, subTitle: String) {
        this.title.value = title
        this.subTitle.value = subTitle
    }

Composable代码 #

@Composable
fun RelayInfoHalfCard(title: State<String>, subTitle:State<String>, onDismiss: () -> Unit){

        HalfCard(topPadding = 20.dp) {
        Column(
            modifier = Modifier
                .fillMaxWidth()
                .padding(start=10.dp,end=10.dp, bottom = 10.dp)
        ) {
            
            Text(
                text = title.value,
                 modifier = Modifier.padding(start=24.dp,end=24.dp,top=8.dp)
            )
            Text(
                text = subTitle.value,
                modifier = Modifier.padding(start=24.dp,end=24.dp,top=8.dp)
            )
            Button(text = "Got it",Modifier.
            padding(start=20.dp,end=20.dp, bottom = 28.dp,top=36.dp)
                .clickable(onClick = onDismiss))

        }
    }
}

原因及解决方案 #

1. 给LiveData指定泛型类型 #

你定义的MutableLiveData未指定泛型，默认是MutableLiveData<Any?>，赋值字符串时可能出现类型不匹配，导致状态更新无法被正确感知。修改为：

private var title = MutableLiveData<String>()
private var subTitle = MutableLiveData<String>()

2. 给observeAsState指定初始值 #

调用observeAsState()时未指定初始值，LiveData未发射数据时会用null，既可能引发空值问题，也可能影响重组触发。修改视图创建代码：

RelayInfoHalfCard(
    title = title.observeAsState(""), 
    subTitle = subTitle.observeAsState("")
) {
    dismiss()
}

3. 确保生命周期关联正确 #

observeAsState依赖Compose的LocalLifecycleOwner，在Fragment中使用ComposeView时，建议显式设置视图组合策略，确保生命周期绑定正确：

ComposeView(requireContext()).apply {
    setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
    setContent {
        // ... 原有主题和Composable代码
    }
}

4. 检查数据更新的有效性 #

Compose仅在State值实际变化时触发重组，确保调用updateData时传入的是与当前值不同的字符串——如果传入相同值，LiveData不会触发回调，自然也不会触发重组。

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