Hey all,
While developing my app I used React Native Maps for an interactive map. I used the image attribute on the Marker, but this image is showing the correct way during the Expo Development client, after building it using EAS it looks huge on iOS. See the difference in the attached images.
My code for this specific component looks like this:
import React from 'react'
import { Marker } from 'react-native-maps'
import { Coordinates } from '../../models/Coordinates'
type LocationMarkerProps = {
coordinates: Coordinates
children?: React.ReactNode
}
const LocationMarker = ({ coordinates, children }: LocationMarkerProps) => (
<Marker image={require('../../../assets/marker.png')} coordinate={coordinates}>
{children && children}
</Marker>
)
export default LocationMarker
Good to know:
- I use the managed workflow (Expo);
- EAS CLI version: eas-cli/2.1.0 darwin-arm64 node-v16.16.0;
- I have the right assets (marker.png, marker@2x.png, marker@3x.png).
Does this have to do with the old version of React Native Maps that’s compatible with Expo (0.31.1)? They are currently at 1.3.1
Thanks in advance!