Android Kotlin：点餐APP中ViewModel间如何传递数据

针对你开发点餐APP时遇到的首页到详情页ViewModel数据传递问题，以下是几种实用的实现方案：

方案1：通过Navigation组件传递参数（推荐） #

这是Jetpack导航的标准做法，解耦页面与ViewModel，适配组件化开发。

1.1 准备可序列化的菜品数据类 #

若要直接传递菜品对象，需让FoodData实现Parcelable接口（Kotlin推荐用@Parcelize简化）：

@Parcelize
data class FoodData(
    val id: String,
    val name: String,
    val description: String,
    val price: Double
    // 其他菜品字段
) : Parcelable

1.2 配置导航参数 #

在导航图nav_graph.xml中为详情页目的地添加参数：

<fragment
    android:id="@+id/detailFragment"
    android:name="com.yourpackage.DetailFragment">
    <!-- 传递整个菜品对象 -->
    <argument
        android:name="selectedFood"
        app:argType="com.yourpackage.FoodData" />
    <!-- 若仅传递ID，改用：
    <argument
        android:name="foodId"
        app:argType="string" />
    -->
</fragment>

1.3 首页触发跳转时传递参数 #

在首页列表的点击事件中，通过Navigation组件生成跳转动作并传递参数：

// 示例：HomeFragment中处理菜品点击
foodItem.setOnClickListener { selectedFood ->
    val action = HomeFragmentDirections.actionHomeFragmentToDetailFragment(selectedFood)
    // 若传递ID则改为：actionHomeFragmentToDetailFragment(selectedFood.id)
    findNavController().navigate(action)
}

1.4 详情页ViewModel获取参数 #

利用SavedStateHandle安全获取导航参数，避免配置变更丢失：

class DetailViewModel(savedStateHandle: SavedStateHandle) : ViewModel() {
    // 获取传递的菜品对象
    private val args = DetailFragmentArgs.fromSavedStateHandle(savedStateHandle)
    val selectedFood: FoodData = args.selectedFood

    // 若传递的是ID，从Firebase加载对应菜品数据：
    // private val _detailState = MutableStateFlow(DetailState())
    // val detailState: StateFlow<DetailState> = _detailState.asStateFlow()
    // 
    // init {
    //     val foodId = args.foodId
    //     Firebase.database.getReference("foods/$foodId")
    //         .addValueEventListener(object : ValueEventListener {
    //             override fun onDataChange(snapshot: DataSnapshot) {
    //                 val food = snapshot.getValue<FoodData>()
    //                 food?.let {
    //                     _detailState.value = _detailState.value.copy(selectedFood = it)
    //                 }
    //             }
    //             override fun onCancelled(error: DatabaseError) {
    //                 Log.w(TAG, "Failed to load food data", error.toException())
    //             }
    //         })
    // }

    companion object {
        const val TAG = "DetailViewModel"
    }
}

方案2：使用SharedViewModel（页面关联紧密场景） #

若首页与详情页同属一个Activity，可通过共享ViewModel传递数据，适合页面逻辑耦合度较高的场景。

2.1 创建SharedViewModel #

class SharedFoodViewModel : ViewModel() {
    private val _selectedFood = MutableStateFlow<FoodData?>(null)
    val selectedFood: StateFlow<FoodData?> = _selectedFood.asStateFlow()

    fun setSelectedFood(food: FoodData) {
        _selectedFood.value = food
    }
}

2.2 首页设置选中菜品 #

在首页点击事件中，通过Activity级别的ViewModelStoreOwner获取SharedViewModel并设置数据：

// HomeFragment中
val sharedViewModel = ViewModelProvider(requireActivity())[SharedFoodViewModel::class.java]
foodItem.setOnClickListener { selectedFood ->
    sharedViewModel.setSelectedFood(selectedFood)
    findNavController().navigate(R.id.action_home_to_detail)
}

2.3 详情页ViewModel订阅数据 #

详情页ViewModel通过依赖注入获取SharedViewModel，直接订阅选中菜品的状态流：

class DetailViewModel(private val sharedViewModel: SharedFoodViewModel) : ViewModel() {
    val selectedFood: StateFlow<FoodData?> = sharedViewModel.selectedFood

    // 可在此处对菜品数据做进一步处理
}

// 自定义ViewModel工厂用于注入SharedViewModel
class DetailViewModelFactory(private val sharedViewModel: SharedFoodViewModel) : ViewModelProvider.Factory {
    @Suppress("UNCHECKED_CAST")
    override fun <T : ViewModel> create(modelClass: Class<T>): T {
        if (modelClass.isAssignableFrom(DetailViewModel::class.java)) {
            return DetailViewModel(sharedViewModel) as T
        }
        throw IllegalArgumentException("Unknown ViewModel class")
    }
}

// 在DetailFragment中获取ViewModel
val sharedViewModel = ViewModelProvider(requireActivity())[SharedFoodViewModel::class.java]
val detailViewModel = ViewModelProvider(this, DetailViewModelFactory(sharedViewModel))[DetailViewModel::class.java]

方案3：Intent传递参数（传统备选，不推荐） #

若未使用Navigation组件，可通过Intent传递Parcelable对象，但此方式会让ViewModel依赖Activity，违背ViewModel的生命周期独立设计原则，仅作为临时备选：

// 首页跳转逻辑
foodItem.setOnClickListener { selectedFood ->
    val intent = Intent(requireContext(), DetailActivity::class.java)
    intent.putExtra("selectedFood", selectedFood)
    startActivity(intent)
}

// 详情页ViewModel获取数据
class DetailViewModel(private val selectedFood: FoodData) : ViewModel() {
    // 使用选中菜品数据
}

// 在DetailActivity中初始化ViewModel
val selectedFood = intent.getParcelableExtra<FoodData>("selectedFood")
val detailViewModel = ViewModelProvider(this, DetailViewModelFactory(selectedFood))[DetailViewModel::class.java]

方案选型建议 #

• 优先选择方案1：符合Jetpack组件化最佳实践，解耦页面与数据逻辑，适配配置变更。
• 若页面逻辑高度关联，可选用方案2：但需注意SharedViewModel的生命周期与Activity绑定，避免内存泄漏。
• 方案3尽量避免：会增加ViewModel与Activity的耦合度，不利于后续维护。

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