React-native-snap-carousel: Lazy loading

Created on 7 Sep 2017 · 2Comments · Source: meliorence/react-native-snap-carousel

Hi, at first good job with this package, it definitely simplifies the usage of a carousel without having to directly handle FlatList.

I have a question regarding the lazy loading of the items, does this package renders all the steps on the first render? or only when needed?

Thanks!

Source

asantos00

Most helpful comment

To implement lazy loading, I found this answer on SO.
And it works for me to render image lazily by adding both windowSize and initialNumToRender into props.

<Carousel
  data={data}
  initialNumToRender={3}
  windowSize={3}
  renderItem={this.renderItem}
  sliderWidth={window.width}
  itemWidth={window.width * 0.79}
/>

jordenchang55 on 5 Dec 2018

👍3

All 2 comments

Hey @asantos00, the package is build on top of a FlatList, with a windowSize, so the answer is no. It doesn't render them all at first.

edo1493 on 8 Sep 2017

👍3

To implement lazy loading, I found this answer on SO.
And it works for me to render image lazily by adding both windowSize and initialNumToRender into props.

<Carousel
  data={data}
  initialNumToRender={3}
  windowSize={3}
  renderItem={this.renderItem}
  sliderWidth={window.width}
  itemWidth={window.width * 0.79}
/>

jordenchang55 on 5 Dec 2018

👍3

Was this page helpful?

0 / 5 - 0 ratings