Iphone 7 - размытая / пиксельная граница на маркерах реагировать на родные карты

Question

ПРОБЛЕМА

У меня есть несколько маркеров на карте Google с использованием библиотеки реагировать на родную карту.

Моя проблема в том, что когда на карте есть 2 или более маркеров , их границы выглядят размытыми при низком / среднем уровне увеличения со странными черными пикселями (Экран A).

ВОЗМОЖНЫЕ ЛИДЫ

• При увеличении одного из двух маркеров странные черные пиксели исчезают (экран B).

• Нет проблем с одним маркером (экран C).

• Нет проблем при использовании более темных цветов, таких как красный, черный, фиолетовый ... Но проблема сохраняется и с белым, желтым и другими светлыми цветами.

• Кроме того, я протестировал это на iphone 5, 6 и 7 (устройства), и это происходит только на iphone 7. Может ли это быть связано с разрешением устройства?

• Я пока не видел проблем на Android.

SPECS (package.json)

"react": "16.2.0",
"react-native": "0.53.3",
"react-native-maps": "git+https://github.com/react-community/react-native-maps.git",

MARKER

      <Marker
    key={`${singleEvent.uid}${Date.now()}`}
    coordinate={eventInfos.coordinates}
  >
    <View style={bigProfileImage}>
      <UserPhoto
      imageStyle={bigMarker}
      img={img}
      >
        Thomas
      </UserPhoto>
    </View>
    <View style={iconStyle}>
      <Image
        resizeMode={'cover'}
        resizeMethode={'resize'}
        style={{ width: 22, height: 22 }}
        source={sample}/>
    </View>
    <Callout tooltip />
  </Marker>

Стайлинг

const border = {
  borderWidth: 2,
  borderColor: HEXCOLOR.pureWhite,
  justifyContent: 'center',
  alignItems: 'center',
  overflow: 'hidden',
}

[...]

  bigProfileImage: {
    width: 72,
    height: 72,
    borderRadius: 36
  },
  bigMarker: {
    ...border,
    borderWidth: 4,
    borderRadius: 39,
    height: 78,
    width: 78,
  },

ПРИКРЕПЛЕННЫЕ ЭКРАНЫ

Экран A - 2 маркера - средний зум

Экран B - 2 маркера - большой зум

Экран C - 1 маркер - средний зум