When wrapping a

WebView

in an

AndroidView

for use in a compose app, I have need of methods on the webview instance outside of the wrapped component for example a refresh button that calls

webView.loadUrl(…)

. How do I expose this to composable functions using the

WebView

component? Unsure how to expose this from the wrapped component

maybe something like this?

@Composable
fun WebViewWrapper(url: String?, modifier: Modifier = Modifier) {
    AndroidView(
        factory = { context ->
            android.webkit.WebView(context).apply {
                layoutParams = ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT
                )
                // set up webview
                if (url != null) loadUrl(url)
            }
        },
        update = { innerWebView ->
            if (url != null) {
                innerWebView.loadUrl(url)
            }
        }
    )
}

basically converting the imperative

webView.loadUrl()

into a declarative/state-based functionality

Thanks @Tash, the match parent layout sidenote fixed another issue so appreciate that very much! If I wanted to put that

WebViewWrapper

composable in a

Column

with a button that called

webView.loadUrl()

in

onClick

do you have any examples on how you would expose the WebView instance to

onClick

in that scenario? I had solved this by keeping a reference to

WebView

in my viewmodel, however this feels wrong 😅

accompanist has a webview sample? ooh. TIL. This would've been helpful last week. 😂