Untitled
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