Estoy usando Jetpack Compose y tengo un WebView envuelto en un AndroidView que se parece a lo siguiente:
AndroidView(modifier = modifier, factory = { context -> WebView(context).apply { layoutParams = ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) webViewClient = WebViewClient() settings.javaScriptEnabled = true } }, update = { webView -> webView.loadUrl(url) }) En la forma heredada, podríamos agregar un OnBackPressedDispatcher a la Activity para interceptar la pulsación hacia atrás y navegar dentro de WebView accediendo a través de viewBinding, por ejemplo, con funciones de WebView como goBack() y para verificar si puede volver atrás con canGoBack() .
Pero, ¿cómo podemos lograr lo mismo con este enfoque de Jetpack Compose?
No parece haber nada de malo en asignar WebView a una variable externa, así que eso es lo que he hecho aquí.
var backEnabled by remember { mutableStateOf(false) } var webView: WebView? = null AndroidView( modifier = modifier, factory = { context -> WebView(context).apply { layoutParams = ViewGroup.LayoutParams( ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT ) webViewClient = object : WebViewClient() { override fun onPageStarted(view: WebView, url: String?, favicon: Bitmap?) { backEnabled = view.canGoBack() } } settings.javaScriptEnabled = true loadUrl(url) webView = this } }, update = { webView = it }) BackHandler(enabled = backEnabled) { webView?.goBack() } WebViewClient escucha onPageStarted , que verifica si WebView puede navegar hacia atrás y luego actualiza backEnabled . Esto provoca una recomposición que activa y desactiva BackHandler .
También moví loadUrl fuera de la función de update y a factory porque se llama a la actualización cada vez que hay una recomposición, mientras que la fábrica solo se llama una vez. Esto puede o no ser relevante según su implementación.