inactiveSlideOpacity prop not working on Android

Code:

<Carousel
    ref={c => {
        this._carousel = c;
    }}
    data={this.cards}
    renderItem={this._renderItem}
    sliderWidth={SCREEN_WIDTH}
    itemWidth={SCREEN_WIDTH}
    layout={"stack"}
    inactiveSlideOpacity={1}
    firstItem={Platform.OS == "android" ? this.cards.length - 1 : 0}
    containerCustomStyle={{
        transform: [{ scaleX: Platform.OS == "android" ? -1 : 1 }]
    }}
/>

As you can see, even if i set inactiveSlideOpacity to 1, the inactive cards still not have full opacity

[bd-arc]

@AndreaScapellato inactiveSlideOpacity has no effect over the stack layout.

What you need to do is provide your own custom interpolation. You can basically copy-paste the one created for the stack effect and get rid of the opacity interpolation.

[RWOverdijk]

@bd-arc Thanks for that, I’m glad I can remove the interpolation now 🎉