gusgard
Scrolling disrupted after the 12th item in vertical SwiperFlatList
I am encountering an issue with a vertical FlatList, specifically in the SwiperFlatList component. The FlatList functions properly until index 12, after which its behavior becomes erratic.
On the screen containing the FlatList, there is a BOTTOM_TAB_HEIGHT with a height of 50. The renderItem component's height is set to (deviceHeight - BOTTOM_TAB_HEIGHT).
Here is the code for the SwiperFlatList: `<View style={{ backgroundColor: "black", flex: 1, }}
<SwiperFlatList ref={scrollViewRef} vertical={true} onChangeIndex={handleChangeIndexValue} contentContainerStyle={{ backgroundColor: "black" }} data={data} renderItem={({ item, index }) => { return <Item item={item} index={index} currentIndex={currentIndex} />; }} getItemLayout={(d, i) => ({ length: deviceHeight, index: i, offset: (deviceHeight - BOTTOM_TAB_HEIGHT) * i, })} keyExtractor={(, index) => index} /> </View> `
Have you found the solution?
Nope, I ended up with full screen height to video.
Do you hide your bottom tab?
Nope, it’s still there, video is being cut from that part.
