Capturing/passing webview clicks on surface composable

user_17041601 0
Viewed 111

I want my webview to not respond to any touches; I just want it to display content(hence the touchListener returning true). The parent Surface composable should handle the touches. But it doesn't work.

@OptIn(ExperimentalMaterialApi::class)
@Preview
@Composable
fun MyComposable() {
    Surface(
        modifier = Modifier.size(250.dp).padding(10.dp),
        onClick = { Log.e("TEST", "Clicked") },
        elevation = 5.dp
    )  {
       AndroidView(
           factory = { context ->
               WebView(context).apply {
                   this.setOnTouchListener { _, _ -> true }
               }
           },
           update = {
               it.loadUrl("https://stackoverflow.com/")
           }
       )
    }
}
android-jetpack-compose android-webview android
1 Answers

Currently the only solution that works is having an empty Surface composable on top of the WebView to capture the clicks.

@OptIn(ExperimentalMaterialApi::class)
@Preview
@Composable
fun MyComposable() {
    Surface(
        modifier = Modifier.size(250.dp).padding(10.dp),
//        onClick = { Log.e("TEST", "Clicked") },    // Removed
        elevation = 5.dp
    )  {
       AndroidView(
           factory = { context ->
               WebView(context).apply {
                   this.setOnTouchListener { _, _ -> true }
               }
           },
           update = {
               it.loadUrl("https://stackoverflow.com/")
           }
       )

       Surface(
           onClick = { Log.e("TEST", "clicked") },
           color = Color.Transparent,
           modifier = Modifier.fillMaxSize()
       ) { }
    }
}

But this solution seems a bit hacky. Better solutions are welcome.

user_170416010
Related