import React from 'react';
import { View, Text, FlatList, StyleSheet } from 'react-native';
const persons = [
{ name: 'Ali', age: 33, city: 'Karachi' },
{ name: 'Faisal', age: 20, city: 'Lahore' },
{ name: 'Noman', age: 53, city: 'Karachi' },
];
const PersonList = () => {
const renderItem = ({ item }) => (
<View style={styles.personItem}>
<Text>Name: {item.name}</Text>
<Text>Age: {item.age}</Text>
<Text>City: {item.city}</Text>
</View>
);
return (
<FlatList
data={persons}
renderItem={renderItem}
keyExtractor={(item, index) => index.toString()}
/>
);
};
const styles = StyleSheet.create({
personItem: {
padding: 16,
borderBottomWidth: 1,
borderBottomColor: '#ccc',
},
});
export default PersonList;
|