Lydia Hazelwonder
Sep 5, 2018 · 1 min read

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>

);