Getting Started
- Introduction
- Installing React Native
- Project Organization
- Source Code
- Package Versions
- Creating the Basic Screens
Building the Contact List
- The Contacts Data
- API Overview: FlatList Component
- Exercise: Create a Basic FlatList
- Implementation: Create a Basic FlatList
- Organizing the Component Directory
- API Overview: StyleSheet & Flexbox
- API Overview: Platform
- Creating the Helper Functions
- Installing React Native Vector Icons
- API Overview: Icon Component
- Exercise: Create and Use a ListItem Component
- Implementation: Create and Use a ListItem Component
Basics of Navigation
- Overview of and Installing React Navigation
- API Overview: StackNavigator
- Exercise: Defining a StackNavigator
- Implementation: Defining a StackNavigator
- API Overview: Navigate Function
- Exercise: Navigating Contacts to Details
- Implementation: Navigating Contacts to Details
Building the User Details Screen
- API Overview: Screen Navigation Prop
- API Overview: Custom Navigation Bar Title
- Exercise: Create and Use a Header Component
- Implementation: Create and Use a Header Component
- API Overview: ScrollView Component
- Exercise: Create and Use an Actions Component
- Implementation: Create and Use an Actions Component
- Creating a Reusable Row Component
- Overview and Installation of Moment.js
- Exercise: Create and Use an Info Component
- Implementation: Create and Use an Info Component
Tab Navigation
- API Overview: TabNavigator
- Exercise: Create and Use a TabNavigator
- Implementation: Create and Use a TabNavigator
- Exercise: StackNavigators for All Tabs
- Implementation: StackNavigators for All Tabs
Drawer Navigator
- API Overview: Drawer Navigator
- Exercise: Creating the DrawerNavigator
- Implementation: Creating the DrawerNavigator
- Opening the Drawer from the Navigation Bar
- Tabs on iOS, Drawer on Android
- Exercise: A Better Navbar Drawer Button
- Implementation: A Better Navbar Drawer Button
Building the Me Screen
- Importing the Data
- Exercise: Composing the Me Screen
- Implementation: Composing the Me Screen
- Exercise: Creating a Button Component
- Implementation: Creating a Button Component
Building the Add Screen
- API Overview: TextInput
- Exercise: Creating a Custom TextInput
- Implementation: Creating a Custom TextInput
- Building a Form
- API Overview & Installation: React Native Keyboard Aware ScrollView
- Exercise: Using KeyboardAwareScrollView
- Implementation: Using KeyboardAwareScrollView
- Progressing From One Field to the Next
Moving Forward
- Further Learning Resources
