React Native Kotlin组件：MapView初始化异常问题求助

问题原因 #

ArcGIS SDK的MapView（继承自GeoView）必须绑定Android的LifecycleOwner才能正常工作，它依赖生命周期事件管理地图渲染、资源加载等操作。你的代码里虽然实现了LifecycleEventListener，但存在两个关键问题：

1. 过早调用setUpMap()初始化地图，此时MapView还未关联到任何生命周期所有者
2. 没有显式给MapView设置lifecycleOwner属性

解决方案 #

修改DisplayMapBobView代码 #

调整初始化逻辑，延迟地图配置到生命周期就绪后，同时绑定正确的LifecycleOwner：

package com.displaymapbob

import android.content.Context
import android.view.View
import android.widget.LinearLayout
import com.arcgismaps.mapping.ArcGISMap
import com.arcgismaps.mapping.view.MapView
import com.arcgismaps.mapping.BasemapStyle
import com.arcgismaps.mapping.Viewpoint
import com.arcgismaps.ApiKey
import com.arcgismaps.ArcGISEnvironment
import com.facebook.react.bridge.LifecycleEventListener
import com.facebook.react.bridge.ReactContext

class DisplayMapBobView(context: Context) : LinearLayout(context), LifecycleEventListener {
    private lateinit var mapView: MapView
    private var reactContext: ReactContext? = null

    init {
        // 直接使用传入的context inflate布局，避免applicationContext导致的生命周期问题
        val rootView = inflate(context, R.layout.display_map_bob_view, this)
        mapView = rootView.findViewById(R.id.agsMapView)
        
        if (context is ReactContext) {
            this.reactContext = context
            context.addLifecycleEventListener(this)
        }
        setApiKey()
        // 不要在这里初始化地图，等待生命周期就绪
    }

    override fun onAttachedToWindow() {
        super.onAttachedToWindow()
        // 将React Native的当前Activity作为LifecycleOwner绑定到MapView
        reactContext?.currentActivity?.let { activity ->
            mapView.lifecycleOwner = activity
        }
    }

    override fun onHostResume() {
        super.onHostResume()
        mapView.resume()
        // 此时生命周期已绑定，安全初始化地图
        setUpMap()
    }

    override fun onHostPause() {
        super.onHostPause()
        mapView.pause()
    }

    override fun onHostDestroy() {
        super.onHostDestroy()
        mapView.dispose()
        reactContext?.removeLifecycleEventListener(this)
        reactContext = null
    }

    private fun setUpMap() {
        val map = ArcGISMap(BasemapStyle.ArcGISTopographic)
        mapView.map = map
        mapView.setViewpoint(Viewpoint(34.0270, -118.8050, 72000.0))
    }

    private fun setApiKey() {
        ArcGISEnvironment.apiKey = ApiKey.create("HIDDEN")
    }
}

关键修改点说明 #

1. 绑定LifecycleOwner：在onAttachedToWindow中获取ReactContext的currentActivity，将其设置为MapView的lifecycleOwner，确保地图能感知到Activity的生命周期变化。
2. 延迟地图初始化：把setUpMap()移到onHostResume中执行，此时MapView已经绑定了生命周期所有者，不会再抛出未初始化异常。
3. 生命周期同步：在onHostResume/onHostPause/onHostDestroy中调用MapView对应的resume()/pause()/dispose()方法，确保地图资源正确释放，避免内存泄漏。
4. 修正上下文使用：初始化布局时直接使用传入的context而非applicationContext，避免上下文不匹配导致的生命周期问题。

验证 #

修改后重新编译运行，MapView应该能正常加载地图，不会再出现lifeCycleOwner has not been initialized的异常。

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