在 Jetpack Compose 中截取 Webview (AndroidView)

Question

我打算用可组合物替换我项目中的所有片段。剩下的唯一片段是带有WebView 的片段。每当用户单击报告按钮时，我都需要一种方法来获取它的屏幕截图

    
Box(Modifier.fillMaxSize()) {

    Button(
        onClick = this@ViewerFragment::onReportClick,
    )

    AndroidView(factory = { context ->
        MyWebView(context).apply {
            loadDataWithBaseURL(htmlString)
                
            addJavascriptInterface(JavaScriptInterface(), "JsIf")
        }
    }
    )
}

以前;我曾经将webview 从view binding 传递给用于捕获屏幕截图的实用程序函数。

fun onReportClick() {
    val screenshot = ImageUtil(requireContext()).getScreenshot(binding.myWvViewer)
    .
    .
}

文档建议“在 AndroidView viewBlock 中构造视图是最佳实践。不要持有或记住 AndroidView 之外的直接视图引用。” 那么最好的方法是什么？

Answer 1

查看this answer，了解如何截取任何撰写视图的屏幕截图。

如果您需要截取完整网页视图（包括不可见部分）的屏幕截图，恐怕这是您必须存储在 remember 变量中并将其传递给您的处理程序的例外情况：

var webView by remember { mutableStateOf<WebView?>(null) }
AndroidView(
    factory = { context ->
        WebView(context).apply {
            // ...
            webView = this
        }
    },
)
Button(onClick = {
    onReportClick(webView!!)
}) {
    Text("Capture")
}