使用 Compose 导航无法在 Android 上使用 Google 地图

Question

我有一个包含 google 地图视图的可组合项。当我点击地图上的图钉时，我想触发 navController.navigate 以便我可以导航到另一个可组合项。但是，当我调用它时，应用程序会卡住而不是导航。单击按钮导航按预期工作。

我还创建了一个非常简单的应用程序来演示该问题。 MainActivity 看起来像这样：

class MainActivity : ComponentActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            val navController = rememberNavController()
            NavHost(navController = navController, startDestination = "Screen1") {
                composable("Screen1") {
                    Button({ navController.navigate("MapsScreen") }) {
                        Text(text = "Go to Maps")
                    }
                }
                composable("MapsScreen") {
                    val mapView = rememberMapViewWithLifecycle()
                    AndroidView({ mapView }) { mapView ->
                        mapView.getMapAsync { map ->
                            map.setOnInfoWindowClickListener {
                                navController.navigate("Screen1")
                            }

                            val markerOptions = MarkerOptions()
                                .position(LatLng(41.390205, 2.154007))
                                .title("Barcelona")
                            map.addMarker(markerOptions)!!
                        }
                    }
                }
            }
        }
    }
}

@Composable
fun rememberMapViewWithLifecycle(): MapView {
    val context = LocalContext.current
    val mapView = remember {
        MapView(context).apply {
            id = R.id.map
        }
    }

    val lifecycle = LocalLifecycleOwner.current.lifecycle
    DisposableEffect(lifecycle, mapView) {
        // Make MapView follow the current lifecycle
        val lifecycleObserver = getMapLifecycleObserver(mapView)
        lifecycle.addObserver(lifecycleObserver)
        onDispose {
            lifecycle.removeObserver(lifecycleObserver)
        }
    }

    return mapView
}

private fun getMapLifecycleObserver(mapView: MapView): LifecycleEventObserver =
    LifecycleEventObserver { _, event ->
        when (event) {
            Lifecycle.Event.ON_CREATE -> mapView.onCreate(Bundle())
            Lifecycle.Event.ON_START -> mapView.onStart()
            Lifecycle.Event.ON_RESUME -> mapView.onResume()
            Lifecycle.Event.ON_PAUSE -> mapView.onPause()
            Lifecycle.Event.ON_STOP -> mapView.onStop()
            Lifecycle.Event.ON_DESTROY -> mapView.onDestroy()
            else -> throw IllegalStateException()
        }
    }

在项目中我使用androidx.navigation:navigation-compose:2.4.0-beta02，根据documentation.

，这是目前最新的版本

完整项目可在 Github

作为我使用的示例的灵感来源： Using Google Maps in a Jetpack Compose app 和 Crane Sample

可能是什么问题以及如何解决？

Answer 1

经过一些调试，我得出的结论是问题与Lifecycle.Event.ON_STOP -> mapView.onStop() getMapLifecycleObserver

有某种关系

删除它可以解决问题。

我对解决方案不满意，如果有人能够提供更好的解决方案，或者至少提供一个解释有关问题的更多细节的答案，我会很高兴。

Answer 2

似乎当您在 setOnInfoWindowClickListener 方法内部导航时，您会导致死锁。

尝试异步导航到您的目标以避开死锁，例如通过在 Dispatchers.Main 上使用 GlobalScope.launch，因此侦听器可以运行结束而不会出现任何死锁：

map.setOnInfoWindowClickListener {
   GlobalScope.launch(Dispatchers.Main) {
      navController.navigate("Screen1")
   }
}

使用 Compose 导航无法在 Android 上使用 Google 地图

Navigating with Compose not working with Google Maps on Android

android

google-maps-android-api-2

android-jetpack-compose