Увеличение Android переполняется за пределами родительского представления

Question

При увеличении в Android изображение выходит за пределы родительского представления и отображается перед всеми другими компонентами, в отличие от рендеринга только увеличенной части изображения только в родительском представлении на iOS.Кто-нибудь знает, как заставить Android вести себя как iOS?

Мой код и два скриншота прилагаются.

render(){
return(

<PhotoView
source={require('../../Appimages/Map700.png')}
minimumZoomScale={1}
maximumZoomScale={2}
androidScaleType={"fitCenter"}
showsHorizontalScrollIndicator= {false}
showsVerticalScrollIndicator = {false}

      onLoad={() => console.log("Image loaded!")}
      style={styles.map}
    >
    </PhotoView>
 <View style={styles.mapOverlay}>
    <Animated.Image
      style={[
      styles.pin,
      {transform: this.props.valuePinFromParent.getTranslateTransform(),
        opacity: this.props.valuePinoFromParent
      }]}
      source={require('../../Appimages/Parachuter.png')}
      />
    <Animated.Image
      style={[
        styles.battlebus,
        {transform: this.props.valueBusFromParent.getTranslateTransform(),
        opacity: this.props.valueBusoFromParent}
      ]}
      source={require('../../Appimages/Bus2_0.png')}
      />
      </View>
  </View>
)
}

Android Увеличенный скриншот - выпуск

iOS Увеличено на скриншоте - работает нормально

Android не увеличено - отлично выглядит перед увеличением