🐛🐛🐛When data is acquired from the network, the display is abnormal

Version

• react-native-swiper v1.5.10
• react-native v0.47.2

Which OS ?

ios

export default class index extends Component {

  constructor( props){
    super(props);
    this.state = {
      ads:[]
    }
  }

  componentDidMount() {
    this._fetchProducts();
  }

  _fetchProducts = () => {
    const req = new Request('http://XXXXX', {method: 'GET'});

    fetch(req).then((res)=>{
      return res.json();
    }).then((result, done) => {
      if (!done){
         this.setState({ads: result.data.result});
      }
    })
  };

render() {
    return (
      <View style={styles.container}>
        {/*状态栏设置白色*/}
        <StatusBar barStyle="light-content"/>

        <View style={styles.ad}>
          <Swiper showsButtons={false} autoplay={true}>

            {
              this.state.ads.map((ad, index)=>{
                return (
                  <TouchableHighlight key={index} onPress={()=>{}}>
                    <Image style={styles.ad} source={{uri: ad.img}}/>
                  </TouchableHighlight>
                )
              })
            }
          </Swiper>
        </View>

        <View style={styles.content}>

        </View>
      </View>
    );
  }

Automatic scrolling and manual scrolling Appear bug！！！

Use the supplied component as the reproduction entry point: run it on iOS with ads loaded through fetch, then compare automatic and manual Swiper scrolling with locally available data. Inspect the network-loaded render path and determine the exact display or scrolling failure; done means both scrolling modes behave normally with the fetched ads.