求助：Compose中Accompanist WebView每次打开可组合项均重复加载URL

Accompanist WebView默认每次进入可组合项时重新加载，核心原因是WebView状态未被持久化，或者组件实例被重复创建。以下是几种可行的解决方案：

方案一：用rememberSaveable持久化WebViewState #

使用rememberSaveable替代普通的remember，确保WebView的加载状态在配置变化、页面切换后仍能保留：

@Composable
fun PersistentWebView(url: String) {
    // 持久化WebViewState，避免离开组合后状态丢失
    val webViewState = rememberSaveable(
        stateSaver = WebViewState.Saver,
        key = "web_view_state_$url"
    ) {
        WebViewState(url)
    }

    WebView(
        state = webViewState,
        navigator = rememberWebViewNavigator()
    )
}

当你从其他页面返回该WebView可组合项时，会直接恢复之前的页面状态，不会重新加载URL。

方案二：结合Jetpack Navigation的状态保存 #

如果是用Navigation管理页面，需配合回退栈的状态保存机制，确保页面切换时WebView状态不丢失：

NavHost(navController = navController, startDestination = "home") {
    composable(
        route = "web_view",
        arguments = listOf(navArgument("url") { type = NavType.StringType })
    ) { backStackEntry ->
        val targetUrl = backStackEntry.arguments?.getString("url") ?: ""
        
        val webViewState = rememberSaveable(
            stateSaver = WebViewState.Saver,
            key = "web_state_${backStackEntry.id}"
        ) {
            WebViewState(targetUrl)
        }

        WebView(state = webViewState, navigator = rememberWebViewNavigator())
    }
    // 其他页面路由...
}

通过给每个WebView页面分配唯一的状态key，利用Navigation的回退栈状态保存能力，彻底避免重复加载。

方案三：直接包裹原生WebView（进阶） #

如果需要更精细的控制，可以用AndroidView直接创建原生WebView实例，手动管理加载逻辑：

@Composable
fun CustomPersistentWebView(url: String) {
    // 用remember保持WebView实例，避免每次组合都重新创建
    val webView = remember {
        WebView(LocalContext.current).apply {
            settings.javaScriptEnabled = true
            // 根据需求配置其他WebSettings
        }
    }

    AndroidView(factory = { webView }) { view ->
        // 仅当当前URL与目标URL不一致时才加载
        if (view.url != url) {
            view.loadUrl(url)
        }
    }
}

这种方式完全规避了Compose组件重组带来的实例重建问题，只有当URL主动变化时才会触发加载。

注意事项 #

• 确保使用最新版本的Accompanist WebView依赖，旧版本可能存在状态管理的已知问题。
• 若WebView涉及复杂交互（如表单输入、JS状态），优先选择方案一或方案二，原生WebView包裹方式需要自行处理更多状态同步逻辑。

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