Я использую response-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 загрузит его изображение и не показывает изображение маркера по умолчанию. Также, чтобы остановить мигание, которое показывают в видео. Как я могу решить эту проблему?
Заранее спасибо.