This document outlines the topics that will be covered in a React Native tutorial, including refactoring a task row component, adding a new navigator, incorporating react-native-vector-icons, and adding functionality to update tasks using a new AddTaskScreen. References are provided for React Navigation, Flexbox, react-native-vector-icons, and React Native Elements.

1. Jump into React-
Native 3/6
Waqqas Jabbar
29th June 2018

2. What you learned previously
1. Organise your project source-code
2. React Navigation
3. Redux

3. 1. Navigating between screens
2. Styling Components
3. Adding Icons
4. More about Redux and Flow
5. React-Native Elements
What you will learn today

4. What you will do today
● Refactor task row in a separate component
● Moved Task List screen in another navigator
● Add react-native-vector-icons
● Add + button in Navigation bar
● Add AddTaskScreen
● Add title field in AddTaskScreen
● Add functionality to update task using AddTaskScreen

5. Reading
React Navigation
● https://reactnavigation.org/docs/en/stack-navigator.html
Flexbox
● http://flexboxfroggy.com/

6. Reference
● https://github.com/oblador/react-native-vector-icons
● https://oblador.github.io/react-native-vector-icons/
● https://www.styled-components.com/
● https://react-native-training.github.io/react-native-elements/docs/getting_started.html