Untitled

 avatar
unknown
plain_text
5 days ago
898 B
5
Indexable
import {StyleSheet, Text, View, ScrollView, Flatlist} from 'react-native'

const studentData = [
  {id: '1', studentName:'Jericho', section:'3B'},
  {id: '2', studentName:'Jethro', section:'3B'},
  {id: '3', studentName:'Jerald', section:'3B'},
  {id: '4', studentName:'Samuel', section:'3B'},
  {id: '5', studentName:'Jabez', section:'3B'},
]

const App = () => {
  return (
    <View style = {styles.container}>
      <Flatlist
        data={studentData}
        keyExtractor={(item) => item.id}
        renderItem = {({item}) =>(
           <Text style = {styles.item}> Student Name: {item.studentName} </Text>
        )}
      />
    </View>
  )
}

export default App

const styles = StyleSheet.create({
  container:{
    marginTop:100,
    paddingHorizontal:20
  },
  item:{
    padding:15,
    fontSize:18,
    borderWidth:1,
    borderColor:'gray'
  }
})
Editor is loading...
Leave a Comment