I can’t make a Listview

Question

Guys, I’m nine with React-Native and I’m having a hard time understanding Lisview. I can’t understand how I can create several of them using for. I’ve done it so far.

import React, { Component } from 'react'
import { AppRegistry, ListView, View, Text, StyleSheet } from 'react-native'

// Row data (hard-coded)
const rows = [
  {id: 0, text: 'View'},
  {id: 1, text: 'Text'},
  {id: 2, text: 'Image'},
  {id: 3, text: 'ScrollView'},
  {id: 4, text: 'ListView'},
]

// Row comparison function
const rowHasChanged = (r1, r2) => r1.id !== r2.id

// DataSource template object
const ds = new ListView.DataSource({rowHasChanged})

class list extends Component {
  // Initialize the hardcoded data
  state = {
      dataSource: ds.cloneWithRows(rows)
    }

    renderRow = (rowData) => {
      return (
        <Text style={styles.row}>
          {rowData.text}
        </Text>
      )
    }

    render() {
      return (
        <ListView
          style={styles.container}
          dataSource={this.state.dataSource}
          renderRow={this.renderRow}
        />
      )
    }
  }

  const styles = StyleSheet.create({
    container: {
      flex: 1,
    },
    row: {
      padding: 15,
      marginBottom: 5,
      backgroundColor: 'skyblue',
    },
  })
// App registration and rendering
AppRegistry.registerComponent('list', () => list);