Compose跨页导航时CartVM实例重置致购物车数据丢失问题排查

为啥会出现这个问题？ #

你误会了@HiltViewModel的作用——它不会让ViewModel变成单例。ViewModel的生命周期和作用域由它绑定的ViewModelStoreOwner决定：

• 默认调用hiltViewModel()时，ViewModel会绑定当前页面的导航栈条目（NavBackStackEntry）。
• ShopScreen和CartScreen是两个独立的导航页面，各自对应不同的导航栈条目，所以会生成两个完全独立的CartVM实例，之前添加的商品自然不会出现在新实例里。

两种解决思路 #

思路1：让两个页面共享同一个ViewModel实例 #

把CartVM绑定到更高层级的ViewModelStoreOwner（比如宿主Activity），这样两个页面获取的就是同一个实例：

修改ShopScreen和CartScreen里的ViewModel初始化代码：

// ShopScreen的参数修改为
vm: CartVM = hiltViewModel(LocalContext.current as ViewModelStoreOwner),

// CartScreen的参数修改为
vm: CartVM = hiltViewModel(LocalContext.current as ViewModelStoreOwner),

这样CartVM的生命周期就和Activity绑定，只要Activity不销毁，实例就不会重置。

思路2：用Repository存共享数据（更推荐） #

这是更符合Android架构规范的做法：把购物车数据抽离到一个单例的Repository里，ViewModel只负责调用Repository的方法，不管ViewModel实例怎么变，数据都存在Repository里。

1. 先实现CartRepository：

class CartRepository @Inject constructor() {
    private val _cartItems = mutableStateListOf<BasketItem>()
    val cartItems: List<BasketItem> get() = _cartItems

    fun addItem(item: BasketItem) {
        _cartItems.add(item)
    }

    fun getAllItems() = cartItems.toList()
}

2. 修改CartVM，注入这个Repository：

@HiltViewModel
class CartVM @Inject constructor(
    private val cartRepository: CartRepository
) : ViewModel() {
    fun addItemToCart(basketItem: BasketItem) {
        cartRepository.addItem(basketItem)
    }

    fun getAllCartItems(): List<BasketItem> {
        return cartRepository.getAllItems()
    }
}

这样不管ShopScreen和CartScreen用的是不是同一个CartVM实例，它们操作的都是同一个Repository里的数据，购物车内容自然能跨页面保留。

额外提醒 #

如果你用的是Compose Destinations库，别给每个页面单独配置ViewModel作用域；另外思路1适合简单的全局状态，思路2更利于后续扩展，比如添加本地缓存、网络同步之类的功能。

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