React Native Tab View | Top Tab - Synced FlatList

[@aeshamavani8079]

It helps a lot 👍🏻 want more content related react native

[@flycoder9125]

Sure 👍, thank you so much 😊

[@amannarola9280]

Its very helpful for me you are great sir.Also upload more videos related react-native

[@flycoder9125]

Sure 👍, thank you so much 😊

[@HetanshPatel-x7w]

Good job bro

[@flycoder9125]

Thank you so much 😀

[@Ray-sc2om]

*Edit
Please follow the tutorial first, see if you face the issues of scroll end drag is not giving the correct index before you implement my work around.
& Thanks for this simple multi view tab component without using other library.
For anyone that face the issues of onScrollEndDrag the content offset x decimal value is smaller then screen width decimal, making the newIndex not correct.
here a work around:
onScrollEndDrag={event => {
const offsetX = event.nativeEvent.contentOffset.x;
const index = Math.round(offsetX / windowWidth);
if (horizontalScrollRefHeader?.current) {
horizontalScrollRefHeader.current.scrollToIndex({
animated: true,
index,
viewPosition: 0.5,
});
setCurTab(index);
}
}}

[@flycoder9125]

Thank you so much 🙏👌 🫡

[@DHARMKETSAVANI-f9u]

It helps a lot for me

[@flydream-q8n]

Good job bro :)

[@flycoder9125]

Thanks 😁

[@dharmketsavani]

It helps a lot for me❤ 🎉

[@flycoder9125]

Sure 👍, thank you so much 😊

[@HetanshPatel-x7w]

Hiiiii

[@HetanshPatel-x7w]

This thing