Android Jetpack Compose观察LiveData时setContent未执行致页面空白

页面空白的直接原因是setContent作为Compose视图挂载到Activity的唯一入口，被你写在了LiveData的Observer回调里，而这个回调自始至终没有触发，自然没有任何视图被加载。

LiveData的Observer首次回调触发必须同时满足两个前提：

• 绑定的生命周期持有者（当前Activity）进入STARTED及以上的活跃状态
• 被观察的LiveData已经持有至少一次有效值：要么初始化时就设置了初始值，要么在注册Observer前已经执行过setValue/postValue推送数据

你其他页面相似写法能跑，纯粹是那些页面对应的LiveData在注册Observer前就已经有值，Observer绑定后立刻触发回调碰巧执行到了setContent，这种写法本身就不符合Compose的使用规范，出问题是早晚的事。

不要把setContent放在Observer回调里，setContent必须在onCreate生命周期内直接调用，Compose提供了专门的LiveData观察扩展，在Compose作用域内观察数据变化即可自动触发界面重组，不需要自己手动注册Observer。
确认项目已引入Compose-LiveData依赖（新建Compose项目默认自带）后，修改代码如下：

class TeamBuilderActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        
        val imageIds = listOf(
            R.mipmap.goblin_smiling_background,
            R.mipmap.marker_goblin_axe_foreground,
            R.mipmap.beholder_foreground,
            R.mipmap.d20_background,
            R.mipmap.marker_goblin_axe_foreground,
            R.mipmap.goblin_smiling_foreground
        )

        val monsters = listOf(
            GoblinoidFactory.Bugbear(), GoblinoidFactory.Goblin(), KoboldFactory.Kobold()
        )
        val viewModel = ViewModelProvider(this).get(TeamBuilderActivityViewModel::class.java)

        // 直接在onCreate中调用setContent，不要放到可重复触发的回调里
        setContent {
            // Compose作用域内直接观察LiveData，数据变化时自动重组界面
            val uiState = viewModel.getLiveData().observeAsState()
            Column {
                Card {
                    Column(Modifier.padding(5.dp)) {
                        TeamBuilderComposables.ImageSlider(
                            imageIds = imageIds,
                            onClicked = viewModel::onClickImage
                        )

                        TeamBuilderComposables.RandomNameRoller(
                            inputStream = resources.openRawResource(R.raw.nicknames),
                            onClicked = viewModel::setName
                        )

                        TeamBuilderComposables.StatBlockChooser(
                            monsters = monsters,
                            onClicked = viewModel::onClickMonsterStatBlock
                        )
                    }
                }

                // 从观察到的状态中取数据渲染
                uiState.value?.let {
                    TeamBuilderComposables.CharacterInfo(
                        imageId = it.selectedImageId,
                        monster = it.selectedMonster,
                        name = it.selectedName
                    )
                }
            }
        }
    }
}

• 给对应LiveData补充明确的初始状态，比如在ViewModel中声明MutableLiveData时直接传入默认的空状态对象，避免首次渲染时uiState.value为null导致下半部分内容不显示
• 绝对不要把setContent放在可重复触发的回调里：你原来的写法就算Observer能触发，每次LiveData推送新数据都会重新执行setContent，直接销毁重建整个Compose视图树，不仅性能极差，还很容易出现输入状态、滚动位置丢失的问题
• 你当前代码里把resources.openRawResource(R.raw.nicknames)直接写在Compose渲染路径里，会导致每次界面重组都重复打开文件输入流，引发内存泄漏，最好把昵称数据的读取逻辑提前放到ViewModel层处理，不要在Compose渲染阶段执行IO操作

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