ios stop center

ios stop center

Version

Which versions are you using:

• react-native-swiper v1.5.14
• react-native v0.61.2

Expected behaviour

work fine

Actual behaviour

ios stop center, android work fine

render() {
    const { list, referral_url } = this.props;
    let qrView = referral_url ? (
      <View style={styles.qrCode}>
        <QRCode
          value={referral_url}
          size={80}
          color="#000" 
          backgroundColor="white"
          // logo={mine.defaultUserLogo}  
          // logoSize={20}
        >
        </QRCode>
      </View>
    ) : null;
    let itemViews = [];
    list.map((cl, index) => (
      itemViews.push(
        <View style={styles.slide} key={`${index}`}>
          <Image source={{ uri : cl.name }} style={styles.image}/>
          {qrView}
        </View>
      )
    ))
    return (
      <View style={{ overflow : 'hidden', width : SCREEN_WIDTH, height : SCREEN_WIDTH * 0.9 * 1.4 }}>
        <Swiper
          key={new Date()}
          style={[ styles.wrapper, { height : SCREEN_WIDTH * 0.9 * 1.4 } ]}
          autoplay={false}
          width={SCREEN_WIDTH}
          height={SCREEN_WIDTH * 0.9 * 1.4}
          autoplayTimeout={5}
          showsPagination={false}
          horizontal={true}
          loop={true}
          removeClippedSubviews={false}
          automaticAdjustContentInsets={true}
        >
          {itemViews}
        </Swiper>
      </View>
    )
  }

Start at the render() entry point and the configuration shown in the issue, using react-native-swiper v1.5.14 with React Native 0.61.2. Reproduce the iOS behavior with the supplied component and compare it with Android. Done means the swiper centers and works on iOS without regressing Android behavior.