Android Jetpack Compose：如何避免配置变化时重复触发ViewModel请求？

要避免屏幕旋转（配置变化）时重复发起用户详情请求，核心是让ViewModel主动管理请求状态与缓存，同时确保UI层的触发逻辑仅在必要时执行。以下是几种可靠的实现方案：

方案一：ViewModel内部缓存请求状态，避免重复调用 #

修改UserDetailsViewModel，添加已请求URL的记录与数据状态判断，确保同一URL的请求不会重复执行：

@HiltViewModel
class UserDetailsViewModel @Inject constructor(private val usersRepository: UsersRepository): ViewModel() {
    private val _userDetailsState = MutableStateFlow<UserDetailsState>(UserDetailsState.Loading)
    val userDetailsState = _userDetailsState.asStateFlow()
    
    // 记录最后一次请求的URL
    private var lastFetchedUrl: String? = null

    fun fetchUserDetails(url: String) {
        // 如果当前URL与上次请求一致，且数据已加载完成，直接返回
        if (url == lastFetchedUrl && _userDetailsState.value is UserDetailsState.Success) {
            return
        }
        
        lastFetchedUrl = url
        viewModelScope.launch {
            usersRepository.fetchUserDetails(url).collect { result ->
                // 根据实际业务更新状态（示例：Loading/Success/Error）
                _userDetailsState.emit(result)
            }
        }
    }
}

这样即使UI层因配置变化重复调用fetchUserDetails，ViewModel会先做校验，跳过冗余请求。

方案二：结合SavedStateHandle与Flow，自动监听URL变化 #

利用SavedStateHandle保存用户URL，在ViewModel内部通过Flow监听URL变化，配合distinctUntilChanged()确保仅在URL真正更新时发起请求：

修改ViewModel #

@HiltViewModel
class UserDetailsViewModel @Inject constructor(
    private val usersRepository: UsersRepository,
    private val savedStateHandle: SavedStateHandle
): ViewModel() {
    // 从SavedStateHandle获取URL的Flow，默认空字符串
    private val userUrl = savedStateHandle.getStateFlow("userUrl", "")
    private val _userDetailsState = MutableStateFlow<UserDetailsState>(UserDetailsState.Loading)
    val userDetailsState = _userDetailsState.asStateFlow()

    init {
        viewModelScope.launch {
            // 过滤空URL，仅当URL真正变化时触发请求
            userUrl
                .filter { it.isNotEmpty() }
                .distinctUntilChanged()
                .collect { url ->
                    usersRepository.fetchUserDetails(url).collect { result ->
                        _userDetailsState.emit(result)
                    }
                }
        }
    }

    // 供UI层更新URL
    fun setUserUrl(url: String) {
        savedStateHandle["userUrl"] = url
    }
}

修改UI层 #

@Composable
fun UserDetailsScreen(
    userUrl: String,
    viewModel: UserDetailsViewModel = hiltViewModel(),
) {
    // 仅当URL变化时通知ViewModel更新
    LaunchedEffect(userUrl) {
        viewModel.setUserUrl(userUrl)
    }
    
    val userDetailsState by viewModel.userDetailsState.collectAsState()
    // 渲染UI逻辑...
}

这种方案下，ViewModel在配置变化时会保留状态，旋转后不会重新发起请求，因为userUrl Flow不会发射重复值。

方案三：确保LaunchedEffect仅在必要时触发 #

如果userUrl是稳定的（值不会频繁变化），可以确认LaunchedEffect(userUrl)的逻辑——它仅会在userUrl的值发生变化时执行。如果旋转后仍触发请求，大概率是ViewModel没有缓存数据，此时结合方案一的缓存逻辑即可彻底解决问题。

内容的提问来源于stack exchange，提问作者Naveen Prince P