Uso de Webview en Jetpack Compose y aplicación del modo oscuro | Autor: Debanshu Datta | Programador de patio trasero | Diciembre de 2021


Webview es una parte importante del desarrollo de Android. Desde nuestra página de noticias de aplicaciones de noticias pequeñas hasta la página de contenido de aplicaciones empresariales, es excelente y fácil de implementar. Su tasa de uso es muy alta. En este mini blog, le mostraré cómo implementar Webview usando Jetpack Compose
Implementar WebView
Es realmente simple y no requiere dependencias adicionales. No se aplica a Compose que usaremos Vista de Android Para implementarlo.Veamos el código
* AndroidView - It is commonly needed for using Views that are infeasible to be reimplemented in Compose and there is no corresponding Compose API.* layoutParams - It is used to set the dimentions of the view. Here we are setting it to match parent* loadUrl()- In this function we pass the url string which is to be fetched.
* webViewClient - Here we add the WebViewClient(). Give the host application a chance to take control when a URL is about to be loaded in the current WebView. If a WebViewClient is not provided, by default WebView will ask Activity Manager to choose the proper handler for the URL. If a WebViewClient is provided, returning true causes the current WebView to abort loading the URL, while returning false causes the WebView to continue loading the URL as usual.
Si eso es. Solo necesita implementar la vista web en Jetpack Compose y puede usar el componente en cualquier lugar que lo necesite.
Implementar el modo oscuro en WebView
Para hacer esto, necesitamos agregar la dependencia WebKit de androidx. Tiene más funciones y configuraciones, puedes usarlo a tu antojo. Nos centraremos en implementar el modo oscuro.
//Webkit
implementation "androidx.webkit:webkit:1.4.0"
Esto es casi lo mismo que la implementación anterior, pero solo agregamos un pequeño bloque condicional.Olvidé mencionar que requiere Android Q.
Solo verificamos si la función es compatible, es decir, nuestro FORCE_DARK Entonces solo configura la oscuridad forzada para FORCE_DARK_ON llegar this.settings
Eso es todo, usar Compose para implementar la vista web en Android es realmente simple. Espero que te guste.
Si tiene alguna pregunta o sugerencia, puede contactarme Instagram, LinkedInSígueme para obtener contenido de Kotlin y más. ¡Feliz codificación!
Agradeceré a uno de ellos 👏