Tinder layout does not show stacked items by default, it just shows one item

List starts with one item and then on swiping items get stacked up. I want the opposite effect. It should start with the stack and then swiping should remove item.

How can I achieve this? This is how I'm using it with 4 elements...

          <Carousel
            layout={'tinder'}
            contentContainerStyle={{
              alignItems: 'flex-start',
              justifyContent: 'flex-start',
              marginBottom: 0,
            }}
            containerCustomStyle={{
              height: 160,
              width: '100%',
            }}
            data={slides}
            renderItem={_renderItem}
            sliderWidth={Dimensions.get('window').width - 30}
            itemWidth={Dimensions.get('window').width - 30}
            onSnapToItem={index => setSlideNumber(index)}
          />

Start by tracing the Carousel usage with layout='tinder' and the Tinder-layout implementation it selects. Check how the initial active index and item stacking are determined, then verify the behavior with four items: the stack should be visible initially and swiping should remove items from it.