main.js

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

module.exports = React.createClass({
  getInitialState() {
    return ({
      task: ['Take out the trash', 'Get groceries', 'Practice piano']
    })
  },

  renderList(tasks) {
  // return individual Views or rows based on the argued tasks
    return (
      tasks.map((task, index) => {
        return (
          <View key={task} style={styles.task}>
            <Text>
              {task}
            </Text>
          </View>
        )
      })
    )
  },

  render(){
    return(
      <View style={styles.container}>
        <Text>To-Do Master
        </Text>
        {this.renderList(this.state.tasks)}
      </View>
    )
  }
})

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  }
})