StateFlow 在 XML（传统View）和 Compose 中的统一数据流管理

在 Android 开发中，XML（传统 View 系统） 和 Jetpack Compose 的混合使用越来越常见。如何让它们共享同一份数据源，并实现自动 UI 更新？
StateFlow 是 Kotlin 协程提供的一种响应式数据流，可以完美适配 XML 和 Compose，实现统一的状态管理。

本文将介绍：

1. StateFlow 的基本概念
2. 在 Compose 中自动更新 UI（collectAsState()）
3. 在 XML 中手动监听更新（lifecycleScope + repeatOnLifecycle）
4. 混合项目的最佳实践（ViewModel 统一管理）

1. 什么是 StateFlow？

StateFlow 是 Kotlin 协程提供的一种 热流（Hot Flow），特点：

• 始终持有最新值（新订阅者会立即收到当前值）
• 主线程安全（默认在 Dispatchers.Main 发射数据）
• 适合 UI 状态管理（替代 LiveData，更灵活）

基本用法

class MyViewModel : ViewModel() {
    private val _count = MutableStateFlow(0) // 可变 StateFlow
    val count: StateFlow<Int> = _count // 对外暴露不可变版本

    fun increment() {
        _count.value++ // 更新值
    }
}

2. 在 Compose 中使用 StateFlow（自动更新）

Compose 通过 collectAsState() 将 StateFlow 转换为 Compose 的 State，触发自动重组。

示例代码

@Composable
fun CounterScreen(viewModel: MyViewModel) {
    val count by viewModel.count.collectAsState() // 自动订阅更新
    Text(text = "Count: $count") // 自动刷新
}

✅ 优点：

• 代码简洁，自动管理生命周期
• 数据变化时，UI 自动刷新

3. 在 XML 中使用 StateFlow（手动监听）

XML/传统 View 没有 Compose 的自动重组机制，需要 手动监听 StateFlow 并更新 UI。

示例代码（Activity/Fragment）

class MainActivity : AppCompatActivity() {
    private val viewModel: MyViewModel by viewModels()
    private lateinit var binding: ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // 监听 StateFlow 并更新 TextView
        lifecycleScope.launch {
            repeatOnLifecycle(Lifecycle.State.STARTED) {
                viewModel.count.collect { count ->
                    binding.countText.text = "Count: $count" // 手动更新
                }
            }
        }

        binding.incrementButton.setOnClickListener {
            viewModel.increment()
        }
    }
}

✅ 关键点：

• repeatOnLifecycle(Lifecycle.State.STARTED) 确保只在界面活跃时收集数据，避免资源浪费
• 手动调用 textView.text = ... 更新 UI

4. 混合项目的最佳实践（XML + Compose）

如果项目同时使用 XML 和 Compose，建议：

1. ViewModel 统一使用 StateFlow（避免 LiveData 和 StateFlow 混用）
2. Compose 侧用 collectAsState()
3. XML 侧用 repeatOnLifecycle + collect

完整示例

ViewModel（数据源）

class SharedViewModel : ViewModel() {
    private val _count = MutableStateFlow(0)
    val count: StateFlow<Int> = _count

    fun increment() {
        _count.value++
    }
}

Activity（XML + Compose 混合）

class MixedActivity : AppCompatActivity() {
    private val viewModel: SharedViewModel by viewModels()
    private lateinit var binding: ActivityMixedBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMixedBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // XML 部分：手动监听
        lifecycleScope.launch {
            repeatOnLifecycle(Lifecycle.State.STARTED) {
                viewModel.count.collect { count ->
                    binding.xmlCountText.text = "XML: $count"
                }
            }
        }

        // Compose 部分：自动更新
        binding.composeView.setContent {
            val count by viewModel.count.collectAsState()
            Text("Compose: $count")
        }
    }
}

布局文件（activity_mixed.xml）

<LinearLayout>
    <!-- XML 部分 -->
    <TextView android:id="@+id/xmlCountText" />
    <Button android:id="@+id/incrementButton" />

    <!-- Compose 部分 -->
    <androidx.compose.ui.platform.ComposeView
        android:id="@+id/composeView" />
</LinearLayout>

5. 对比 StateFlow 和 LiveData

结论：

• 新项目建议 StateFlow（更灵活，协程友好）
• 旧项目可继续用 LiveData（但迁移时建议逐步替换）

6. 总结

• StateFlow 是统一的数据流解决方案，适用于 Compose（自动更新） 和 XML（手动监听）
• Compose 侧用 collectAsState() 实现自动重组
• XML 侧用 lifecycleScope + repeatOnLifecycle 确保安全监听
• 避免混合使用 LiveData 和 StateFlow，保持代码一致性

通过这种方式，你可以轻松管理 XML + Compose 混合项目 的状态，并确保 UI 始终与数据同步！