使用AndroidView与Composable（MapLibre/MapBox）时的性能问题

• 基于MapLibre（MapBox分支）开发，在Jetpack Compose中通过AndroidView集成地图组件
• 点击地图触发onMapClick后，若修改Composable外部的可变状态（即便该状态未在任何UI组件中绑定使用），会出现500~2000ms的UI卡顿，同时打断地图动画，Logcat输出OpenGLRenderer相关警告
• 仅修改地图内部状态时无卡顿；若将目标状态移至ViewModel中仅更新不关联UI，也不会出现性能问题
• 尚未尝试启用R8构建优化

• 缩小Composable重组范围
  把修改外部状态的逻辑从onMapClick回调中抽离，避免触发整个宿主Composable的重组。可以用rememberCoroutineScope在回调内启动协程，或者直接将状态更新逻辑封装到ViewModel中，通过viewModelScope执行：

  val mapViewModel = viewModel<MapViewModel>()
  val coroutineScope = rememberCoroutineScope()
  
  AndroidView(factory = { context ->
      MapView(context).apply {
          getMapAsync { map ->
              map.addOnMapClickListener { clickPoint ->
                  coroutineScope.launch {
                      mapViewModel.updateExternalState(clickPoint.toString())
                  }
                  true
              }
          }
      }
  })
  

• 将外部状态完全托管至ViewModel
  若你直接在Composable中持有外部可变状态（比如var externalText by remember { mutableStateOf("") }），哪怕没在UI中使用，Composable仍会因为状态变化触发重组，进而导致AndroidView刷新甚至重建。建议把这类状态全部移到ViewModel中，仅在需要绑定UI时通过ViewModel获取。

• 启用R8优化构建
  MapLibre这类依赖OpenGL的库，在R8优化后往往能修复部分渲染线程阻塞问题。在项目的build.gradle（Module级）中配置启用R8：

  android {
      buildTypes {
          release {
              minifyEnabled true
              shrinkResources true
              proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
          }
      }
  }
  

• 排查渲染线程阻塞点
  OpenGLRenderer警告通常意味着渲染线程被阻塞。用Android Studio的Profiler查看卡顿期间的线程状态，或者在关键代码处加日志，确认是否在onMapClick或状态更新流程中有耗时操作，确保这类操作都在非渲染线程执行。

内容的提问来源于stack exchange，提问作者Goudurixx