Jetpack Compose中LazyColumn内嵌WebView调用popBackStack()崩溃问题

1. 手动管控WebView生命周期，确保销毁时机准确 #

LazyColumn会自动回收复用不可见的item，而WebView作为原生控件，在Compose导航回退时若未被正确销毁，极易触发native层内存访问错误。在WebView对应的Composable中，通过DisposableEffect绑定销毁逻辑：

@Composable
fun WebViewContainer(context: Context) {
    val webView = remember {
        WebView(context).apply {
            settings.javaScriptEnabled = true
            // 按需添加其他WebView配置
        }
    }

    AndroidView(factory = { webView })

    // 在Composable销毁时强制销毁WebView
    DisposableEffect(webView) {
        onDispose {
            webView.destroy()
        }
    }
}

同时给LazyColumn中的WebView item设置唯一稳定的key，避免不必要的复用：

LazyColumn {
    item(key = "single_webview_item") {
        WebViewContainer(context = LocalContext.current)
    }
}

2. 拦截导航回退事件，优先处理WebView销毁 #

系统返回键正常工作是因为它触发了Activity的生命周期回调，而navController.popBackStack()直接操作Compose导航栈，可能跳过WebView的销毁步骤。用BackHandler拦截回退事件，先销毁WebView再执行回退：

val navController = rememberNavController()
val webView = remember { WebView(LocalContext.current) }

BackHandler {
    webView.destroy()
    navController.popBackStack()
}

LazyColumn {
    item(key = "webview") {
        AndroidView(factory = { webView })
    }
}

3. 关闭WebView硬件加速 #

部分场景下，WebView的硬件加速会在控件销毁阶段引发native层崩溃，尝试禁用硬件加速：

val webView = remember {
    WebView(context).apply {
        setLayerType(View.LAYER_TYPE_SOFTWARE, null)
        settings.javaScriptEnabled = true
    }
}

4. 避免WebView被LazyColumn意外回收 #

如果WebView是页面核心内容，无需复用，可将其放在LazyColumn的固定位置，使用LazyListScope.item而非批量items方法，确保它不会因滚动被回收。同时用remember持有WebView实例，避免重组时重复创建。

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