Is there a way to make an initial placeholder slide?

Hi. I have the carousel all hooked up and working great. THANKS a ton for this component!

The last thing I’d like to do is conditionally render a first slide if more than one slide exists. The line myProps.images[0] === image is an example of what I’m attempting to do. Is this concept possible? Thanks!

   <Carousel
    data={myProps.images}
    sliderWidth={Dimensions.get('window').width}
    itemWidth={Dimensions.get('window').width * 0.8 + 8}
    keyExtractor={image => image.id}
    renderItem={({ item: image }) => (
      <View style={myStyles.carouselItemContainer}>
        {myProps.images[0] === image && <Text>THIS IS A SUMMARY SLIDE OF THE SLIDESHOW!! :-)</Text>}
        <ProgressiveImage
          blurredImageUrl={imageUrlThumbnailSized(image.url)}
          finalImageUrl={imageUrlPostSized(image.url)}
          blurRadiusStart={3}
          blurRadiusEnd={1}
          unBlurDuration={1000}
        />
      </View>
    )}
  />

[vonwao]

Note: I was wondering if I should just use a FlatList instead of a RN snap carousel. I found a blog post that says you can achive a similar result as a carousel with just a few additional properties on the FlatList:

            snapToAlignment={"start"}
            snapToInterval={this.IMAGE_WIDTH + 10}
            decelerationRate={"fast"}
            pagingEnabled

I guess as long as I don’t need any fancy effects on the carousel! So I will have to try this next.

[bd-arc]

Oh I totally agree: if you don’t need any kind of advanced feature or effect, you’ll be better off with a regular FlatList, particularly since they made the snapToInterval prop available on Android as well 😉