Я не могу отобразить изображения (как из ресурсов, так и из Интернета) в пользовательском выноске маркера: изображение в выноске всегда отображается в виде пустого прямоугольника.
class CustomCalloutView extends React.Component {
render() {
return (
<View>
<View>
<Text style={{
fontWeight: "bold",
}}>
Test
</Text>
</View>
<View>
<Image
source={{ uri: 'https://facebook.github.io/react/logo-og.png' }}
style={{ width: 100, height: 100 }}
/>
</View>
</View>
)
}
}
И основной компонент карты:
<MapView
style={{ flex: 1 }}
initialRegion={{
latitude: 37.78825,
longitude: -122.4324,
latitudeDelta: 0.0922,
longitudeDelta: 0.0421,
}}>
{this.state.markers.map(marker => (
<Marker
key={marker.id}
coordinate={marker.latlng}>
<Callout>
<CustomCalloutView />
</Callout>
</Marker>
))}
</MapView>);
Маркер отображается правильно, выноска отображается, но изображение не отображается.То же изображение работает, если я использую его в обычном режиме.
Я использую expo (expo.io), но также пробовал эмулятор и установил APK на устройстве (android; нет информации о ios).