我正在使用react-native-svg@0.55.1并响应本机0.55.4
调用以下导入:
import MapView, { Marker } from 'react-native-maps';
import SvgUri from 'react-native-svg-uri';
并从标记数组中呈现该标记
<Marker
key={index}
title={marker.title}
coordinate={marker.coordinates}>
<SvgUri width="30" height="30" source={marker.imageSvg} />
</Marker>
在使用来自标记的默认图像加载之前,但是加载svg的质量提高使我选择了上面的代码。
<Marker
key={index}
title={marker.title}
coordinate={marker.coordinates}
image={marker.image}
/>
这两个代码都可以编译并且运行良好,但是缺点是使用SvgUri加载需要花费更多时间,并且在此之前它会显示默认的标记图像。并且当再次渲染时它也会闪烁。
正如您在我在YouTube中上传的屏幕记录中所看到的: https://youtu.be/jROGEWR8F9c
但是因为它使图像看起来更好,所以我想让Marker等待SvgUri加载它的图像,并且不显示默认的标记图像。也可以停止视频中显示的闪烁。我该如何解决这个问题?
谢谢。