遍历生成MapView，后面的MapView会出现黑屏现象，能否提供一个解决思路

[Jhh910]

遍历生成MapView，后面的MapView会出现黑屏现象，Modal中的MapView也会出现黑屏现象，能否提供一个解决思路 这是版本 "react-native-amap3d": "^3.2.4",
` {logs.map((item, index) => (
<View style={styles.container} key={'description' + index}>
{item.lat && item.lon && (
<View style={{width: '100%', height: 100, marginTop: 10}}>
<MapView
initialCameraPosition={{
target: {
latitude: Number(item?.lat),
longitude: Number(item?.lon),
},
zoom: 14,
}}
onPress={() => {
setClickLatLon({lat: Number(item?.lat), lon: Number(item?.lon)})
setMapVisible(true)
}}>
<Marker
position={{
latitude: Number(item?.lat),
longitude: Number(item?.lon),
}}>
<Image
style={{width: 30, height: 30}}
alt="state"
source={require('../../../../pic/common/maploc.png')}
/>



)}

                  <Modal
    popup
    visible={mapVisible}
    animationType="slide-up"
    onClose={() => setMapVisible(false)}
    maskClosable={true}
    closable={false}
    style={{borderTopLeftRadius: 20, borderTopRightRadius: 20}}
    transparent={false}>
    <View
      style={{
        width: '100%',
        height: height * 0.8,
        borderTopLeftRadius: 20,
        borderTopRightRadius: 20,
        overflow: 'hidden',
      }}>
      <MapView
        initialCameraPosition={{
          target: {
            latitude: clickLatLon.lat,
            longitude: clickLatLon.lon,
          },
          zoom: 16,
        }}>
        <Marker
          position={{
            latitude: clickLatLon.lat,
            longitude: clickLatLon.lon,
          }}>
          <Image
            style={{width: 30, height: 30}}
            alt="state"
            source={require('../../../../pic/common/maploc.png')}
          />
        </Marker>
      </MapView>
    </View>
  </Modal>`