nick / react-native-carousel

Carousel component for react-native
MIT License
458 stars 107 forks source link

Sticky header index 0 was outside the range {0, 0} #45

Open greatwitenorth opened 8 years ago

greatwitenorth commented 8 years ago

I'm trying to load items dynamically from a redux store (which fetches from firebase. The initial Carousel will be empty until the data is received). My render methods look like this:

    _renderAd(ad){
      return (
        <TouchableHighlight onPress={() => this.onPress(ad.url, ad.title)}>
          <ResponsiveImage source={{uri: ad.image}} initWidth="415" initHeight="70"/>
        </TouchableHighlight>
      )
    }

    render() {
        return (
          <View style={{flexDirection: 'row', height: 54}}>
          <Carousel animate={true} delay={5000}>
            {this.props.ads.map( ad => this._renderAd.bind(this, ad))}
          </Carousel>
          </View>
        )
    }

When I do this using either map or listview I get a ton of errors saying:

Sticky header index 0 was outside the range {0, 0}

Not sure if it's related this this issue: https://github.com/facebook/react-native/issues/2173