Jetpack Compose中Android数据缓存：避免返回页面重复请求数据

方法1：在ViewModel内部实现基于userId的缓存 #

核心思路是让ViewModel维护已加载用户数据的缓存，调用数据获取方法时先检查缓存，存在则直接复用，不存在再发起网络请求。

修改UserProfileViewModel添加缓存逻辑：

class UserProfileViewModel(
    private val userRepository: UserRepository // 假设已有Repository处理网络/本地数据
) : ViewModel() {
    private val _userProfile = MutableStateFlow<UserProfile?>(null)
    val userProfile = _userProfile.asStateFlow()
    
    private val _userPosts = MutableStateFlow<List<Post>>(emptyList())
    val userPosts = _userPosts.asStateFlow()
    
    // 缓存已加载的用户数据
    private val cachedProfiles = mutableMapOf<Long, UserProfile>()
    private val cachedPosts = mutableMapOf<Long, List<Post>>()

    suspend fun getProfileAndPosts(userId: Long) {
        // 检查缓存是否存在
        val cachedProfile = cachedProfiles[userId]
        val cachedPosts = cachedPosts[userId]
        if (cachedProfile != null && cachedPosts != null) {
            _userProfile.value = cachedProfile
            _userPosts.value = cachedPosts
            return
        }
        
        // 无缓存则请求数据并更新缓存
        val (profile, posts) = userRepository.fetchProfileAndPosts(userId)
        cachedProfiles[userId] = profile
        cachedPosts[userId] = posts
        
        _userProfile.value = profile
        _userPosts.value = posts
    }
}

同时修改UserProfileScreen的LaunchedEffect触发条件为userId，确保仅当用户ID变化时才执行数据加载：

@Composable
fun UserProfileScreen(
    userId: Long,
    userProfileViewModel: UserProfileViewModel
) {
    // 仅当userId变化时触发数据加载
    LaunchedEffect(userId) {
        userProfileViewModel.getProfileAndPosts(userId)
    }
    
    val profile by userProfileViewModel.userProfile.collectAsState()
    val posts by userProfileViewModel.userPosts.collectAsState()
    
    profile?.let { UserProfileView(profile = it) }
    LazyColumn {
        items(posts) { post ->
            // 帖子点击跳转逻辑
        }
    }
}

方法2：基于ViewModel生命周期的状态判断 #

利用ViewModel的生命周期特性（只要对应页面未被弹出导航栈，ViewModel就会保留），通过记录当前加载的userId，避免对同一ID重复发起请求。

修改UserProfileViewModel：

class UserProfileViewModel(
    private val userRepository: UserRepository
) : ViewModel() {
    private val _userProfile = MutableStateFlow<UserProfile?>(null)
    val userProfile = _userProfile.asStateFlow()
    
    private val _userPosts = MutableStateFlow<List<Post>>(emptyList())
    val userPosts = _userPosts.asStateFlow()
    
    private var currentLoadedUserId: Long? = null

    suspend fun getProfileAndPosts(userId: Long) {
        // 若当前已加载该用户数据，直接返回
        if (currentLoadedUserId == userId) return
        
        currentLoadedUserId = userId
        val (profile, posts) = userRepository.fetchProfileAndPosts(userId)
        
        _userProfile.value = profile
        _userPosts.value = posts
    }
}

同样搭配LaunchedEffect(userId)使用，确保仅在用户ID变更时触发加载。

方法3：Repository层全局缓存（含本地持久化） #

如果需要跨ViewModel或进程重启后仍保留缓存，可以在Repository层实现本地持久化缓存（如Room数据库），优先从本地获取数据，无缓存时再请求网络。

示例Repository实现：

class UserRepository(
    private val api: UserApi,
    private val userDb: UserDatabase
) {
    suspend fun fetchProfileAndPosts(userId: Long): Pair<UserProfile, List<Post>> {
        // 先从本地数据库读取缓存
        val localProfile = userDb.userDao().getUserById(userId)
        val localPosts = userDb.postDao().getPostsByUserId(userId)
        
        if (localProfile != null && localPosts.isNotEmpty()) {
            return Pair(localProfile, localPosts)
        }
        
        // 本地无缓存则请求网络
        val remoteProfile = api.getUserProfile(userId)
        val remotePosts = api.getUserPosts(userId)
        
        // 将数据保存到本地数据库
        userDb.userDao().insertUser(remoteProfile)
        userDb.postDao().insertPosts(remotePosts)
        
        return Pair(remoteProfile, remotePosts)
    }
}

这种方式不仅能避免页面返回时的重复请求，还能在App进程重启后快速恢复数据，提升用户体验。

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