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;