React Native By Example

A simple EditTasks component

In my application folder structure, my EditTasks component is nested as such:

|Tasks |__android |__app |____components |______EditTask |______TasksList |______TasksListCell |__ios |__node_modules |__... 

Here is a basic component just to have something appear on the screen:

// Tasks/app/components/EditTask/index.js import React, { Component } from 'react'; import {   Text,   View } from 'react-native'; import styles from './styles'; export default class EditTask extends Component {   render () {     return (       <View style={ styles.editTaskContainer }>         <Text style={ styles.editTaskText }>Editing Task</Text>       </View>     );   } } 

The preceding code returns text to render to the screen for now.

Now comes the fun part. Let's ...