Jetpack Compose で雑に WebView を使いたいとき

はじめに

Jetpack Compose で WebView を利用するには AndroidView にて WebView を生成して利用する必要がある。

Jetpack Compose の AndroidView で WebView を利用する

AndroidView で WebView を毎度生成するのは面倒なので AndroidWebView というコンポーザブルを作成してみた。

@Composable
fun AndroidWebView(modifier: Modifier = Modifier, url: String) {
    AndroidView(factory = ::WebView, modifier = modifier) { webView ->
        with(webView) {
            loadUrl(url)
        }
    }
}

AndroidWebView コンポーザブルでは WebView のプロパティを操作できない形にはなりますがとりあえず Web ページを表示したいという用途であればこれで十分表示できるかなと思います。