react native flatlist

 import { View, Text,FlatList,StyleSheet} from 'react-native'

import React,{useEffect,useState} from 'react'

import axios from 'axios';

export default function Thired() {

  const DATA = [

    {

      name:'sumit',

      address:'gurugram'

    },

    {

        name:'amit',

        address:'noida'

    },

    {

        name:'arun',

        address:'up'

    },

  ];  

//   const [Post,setPost]=useState([]);

//     const getData=async()=>{

//         try{

// const response=await axios.get(`https://jsonplaceholder.typicode.com/posts`);

// //console.log(response);

// setPost(response);

//     }

//     catch(error){

//         console.log(error);

//     }

// }

    

//     useEffect(()=>{

// getData();

//     },[])

  return (

    <FlatList data={DATA} renderItem={(element)=>{console.log(element);

      return  <Text style={styles.item1}>

               {element.item.name}

          </Text>

      

      

          }}>

           

          </FlatList>

  )

}

const styles = StyleSheet.create({

  item1: {

      backgroundColor: '#f9c2ff',

      padding: 20,

      marginVertical: 8,

      marginHorizontal: 16,

    },

})