How can I make a vertical Flatlist item in React Native to snap into position on scroll and fill up the current window? I want each item to fill up the screen and not for the previous or coming items to show. An example of the effect I want is the achieved in ScrollView by having pagingEnabled={true}. But my problem with this, when applied to Flatlist, is that parts of the previous item shows at the top of subsequent views. This increases in size as you scroll down. The effect I want is like if you are scrolling through TikTok. You see how each video fills up the screen and when you scroll up or down, there is a springy effect that if the scroll is not complete, the current video bounces back into position.
This is my current flatlist:
<FlatList
data={DATA}
renderItem={renderItems}
keyExtractor={item => item.id}
Animated={true}
removeClippedSubviews={true}
refreshControl={
< RefreshControl
refreshing={refreshing}
onRefresh={onRefresh}
/>}
Please note that I am using Functional components not classes.
Thanks in advance.