Hello Spencer! Maybe you can help me, i’m using the listfootercomponent to show a button at the bottom of my flatlist. I would like to show 10 of the flatlist items which I have broken into cells at a time, then upon clicking the button, i want to show another 10, then scroll down and click the button for another 10. Any suggestions? Heres a view of my code so far:
return (
<View flex1>
<FlatList
data={scheduled}
contentContainerStyle={{ padding: Spacing.med }}
style={{ flex: 1 }}
renderItem={({ item }: { item: any }) => {
return (
<ScheduledTransferCell
onPress={id => {
this.props.navigation.navigate(“transferDetails”, { id });
}}
scheduledTransfer={item}
/>
);
}}
ItemSeparatorComponent={() => <Divider small />}
keyExtractor={(item: any) => item[“_id”]}
ListFooterComponent={() => <Button title=”hello” />}
/>
</View>
);