Which when I run the app in Expo, either on my phone or through the emulator, the map icons look perfect. But as soon as I build the app and install it and run it, the marker size is more or less double the size. How can this be?
I should clarify I’m using SDK 43 with a managed workflow.
I have solved it. For anyone else having this issue, I had to detect what device the user is using. So iOS or Android. Apparently iOS and Android act differently. My new code:
<Marker
key={ item.id }
coordinate={{ latitude: item.latitude, longitude: item.longitude }}
// Here we call isAndroid to check if the user is using iOS or Android. If they are using iOS, require the markerPin. If they are using Android, set it to null.
image={isAndroid ? markerPin : null}
>
{/* Here we check if isAndroid variable returns false. If it does, the person ISN'T using iOS and we display the Image Prop. */}
{!isAndroid && <Image source={markerPin} style={{ width: 30, height: 50 }} />}
<Callout tooltip onPress={() =>console.log("I was pressed.")}>
</Marker>