const Layout = () => {
return (
<View style={styles.container}>
<Text style={styles.heading}>Screen Data</Text>
<View>
<FlatList
data={data}
renderItem={({item}) => (
<View>
<Text style={styles.title}>{item.title}</Text>
<Text style={styles.description}>{item.description}</Text>
</View>
)}
ListFooterComponent={() => <Buttons text={''} onPress={undefined} />}
/>
</View>
</View>
);
};
export default Layout;
A custom Button component has been created to always appear at the end of FlatList, which is scrollable. However, there seems to be an issue with it overlapping content. The goal is to keep it positioned at the end of the content.