使用Jetpack Compose在AccompanistWebViewClient加载HTML失败求助

核心问题：使用了错误的状态初始化方法 #

你当前用rememberWebViewState(html)加载HTML字符串，但这个方法是用来加载URL地址的，直接传入HTML内容会被当作无效URL解析，导致页面无法加载。正确的做法是使用rememberWebViewStateWithHTMLData来加载本地HTML字符串。

修改后的代码示例 #

val webViewClient = remember {
    object : AccompanistWebViewClient() {}
}
val chromeViewClient = remember {
    object : AccompanistWebChromeClient() {
        override fun onCloseWindow(window: WebView?) {
            super.onCloseWindow(window)
        }
    }
}

// 替换为专门加载HTML字符串的状态方法
val htmlState = rememberWebViewStateWithHTMLData(
    htmlData = html // 这里的html是你的HTML内容字符串
)

WebView(
    state = htmlState,
    onCreated = { webView ->
        webView.settings.javaScriptEnabled = true
        // 可选：如果HTML中有相对路径资源，需设置基础URL（比如资产目录）
        // webView.settings.setBaseUrl("file:///android_asset/")
    },
    client = webViewClient,
    chromeClient = chromeViewClient
)

额外排查点 #

• 确认html变量是有效的非空HTML字符串，无语法错误
• 若HTML引用本地资源（图片、CSS等），需在onCreated中配置对应基础URL
• 检查AndroidManifest.xml：如果加载内容涉及网络，需添加<uses-permission android:name="android.permission.INTERNET"/>（本地HTML无需，但WebView默认可能依赖该权限）
• 确保Accompanist WebView依赖版本与你的Compose版本兼容，避免版本冲突

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