React Native Map Marker加载自定义图像而不会闪烁

时间:2019-05-02 18:13:02

标签: react-native react-native-maps react-native-svg

我正在使用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加载它的图像,并且不显示默认的标记图像。也可以停止视频中显示的闪烁。我该如何解决这个问题?

谢谢。

0 个答案:

没有答案