Multiple active items in each screen

Would it be possible to have multiple items at one slide just like Apple Music:

Would the right approach be to change data such that all elements are grouped with two elements in each group and then print the two elements side-by-side when rendering each item?

However, Airbnb has the same feature where no items are active, but you can only scroll such that two elements are always visible. Can the same behaviour be achieved with the right size options with react-native-snap-carousel?

[phithu]

You can style Carousel with prop contentContainerCustomStyle contentContainerCustomStyle={{overflow: 'hidden', width: widthItemSlide * (numberSlide)}} Everything will be Okay

[FoxInFlame]

@phithu Amazing! Although it’s not an implementation in the module but instead just limiting the width, it works perfectly in my case.

For reference, this is what I did:

<Carousel
    data={this.props.data}
    renderItem={this._renderItem}
    itemWidth={100}
    activeSlideAlignment={'start'}
    {/** Other props here... */}
    contentContainerCustomStyle={{
        overflow: 'hidden',
        width: 100 * this.props.data.length
    }}
/>