1

我正在使用 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

但是由于它使图像看起来更好看，我想让标记等待 SvgUri 加载它的图像并且不显示默认标记图像。还可以停止视频中显示的闪烁。我该如何解决这个问题？

提前致谢。

4

0 回答 0