The
HomeScreen of our application is going to display a list of the notes that we have saved. To do this, we will introduce the
ListView component. Let's start by creating a new file in our Components directory called NoteList and add the following code:
import React, {
StyleSheet,
Text,
View,
ListView
} from 'react-native';
export default class NoteList extends React.Component {
constructor (props) {
super(props);
this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
}
render() {
return (
<ListView
dataSource={
this.ds.cloneWithRows( [
{title:"Note 1", body:"Body 1", id:1},
{title:"Note 2", body:"Body 2", id:2}
])
}
renderRow={(rowData) => {
return (
<Text>{rowData.title}</Text>
)
}
}/>
)
}
}The ListView component is fairly simple to use. You must provide...