title: Swiper only loads first page
body: <p>React native  only loads the first page properly. The items are coming from an array. Filling the array with  works, but loading the  from a custom component doesn't. The issue only happens when another custom component is rendered.</p>
  
  <pre><code>//Main page render
  render() {
      return (
          &lt;ContainerView disableBackgroundButton={true} onLayout={this._onLayoutDidChange}&gt;
              &lt;Image
                  source={require('../../img/barbershop_request.png')}
                  style={styles.backgroundImage}&gt;
                  &lt;View style={styles.overlay}&gt;&lt;/View&gt;
              &lt;/Image&gt;
              &lt;ScrollView
                  ref="scrollView"
                  showsVerticalScrollIndicator={false}&gt;
                  &lt;Swiper
                      loop={false}
                      showsPagination={false}
                      height={Global.constants.HEIGHT * 1.34}&gt;
                      {this.createBarberItems()}
                  &lt;/Swiper&gt;
              &lt;/ScrollView&gt;
          &lt;/ContainerView&gt;
      )
  }
  
  createBarberItems() {
      ...
      for (index in barbers) {
          ...
          let barberItem = &lt;BarberItemView /&gt;
          barberItems.push(barberItem)
      }
  
      // this works fine
      // let testItems = [];
      // testItems.push(&lt;Text&gt; here1&lt;/Text&gt;)
      // testItems.push(&lt;Text&gt;here2&lt;/Text&gt;)
      //return testItems;
      return barberItems;
  }
  
  //BarberItemView Render
  render() {
      return (
              &lt;Text&gt;Barber Item View&lt;/Text&gt;
      )
  }
  </code></pre>