Description
In this course, you will learn :
- The most common React Native components and how to use them.
- Third-party packages must be installed and configured.
- Configure various types of navigation.
- Create React Native components that can be reused.
- Create future React Native applications with confidence.
Syllabus :
1. Building the Contact List
- The Contacts Data
- API Overview: FlatList Component
- 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
- Implementation: Create and Use a ListItem Component
2. Basics of Navigation
- API Overview: StackNavigator
- Implementation: Defining a StackNavigator
- API Overview: Navigate Function
- Implementation: Navigating Contacts to Details
3. Building the User Details Screen
- API Overview: Screen Navigation Prop
- API Overview: Custom Navigation Bar Title
- Implementation: Create and Use a Header Component
- API Overview: ScrollView Component
- Implementation: Create and Use an Actions Component
- Overview and Installation of Moment.js
- Implementation: Create and Use an Info Component
4. Tab Navigation
- API Overview: TabNavigator
- Implementation: Create and Use a TabNavigator
- Implementation: StackNavigators for All Tabs
5. Drawer Navigator
- API Overview: Drawer Navigator
- Implementation: Creating the DrawerNavigator
- Opening the Drawer from the Navigation Bar
- Tabs on iOS, Drawer on Android
- Implementation: A Better Navbar Drawer Button
6. Building the Me Screen
- Importing the Data
- Implementation: Composing the Me Screen
- Implementation: Creating a Button Component
7. Building the Add Screen
- API Overview: TextInput
- Implementation: Creating a Custom TextInput
- Building a Form
- API Overview & Installation: React Native Keyboard Aware ScrollView
- Implementation: Using KeyboardAwareScrollView
- Progressing From One Field to the Next