Navigation - Lecture 6 - CS50's Mobile App Development with React Native 2018

Name: Navigation - Lecture 6 - CS50's Mobile App Development with React Native 2018
Uploaded: 2018-03-21T00:44:17Z
Channel: CS50
Description: 00:00:00 - Introduction 00:01:30 - What Is Navigation? 00:05:09 - React Navigation and Alternatives 00:06:47 - Install React Navigation 00:07:47 - Navig...

CS50 · Beginner ·🖌️ UI/UX Design ·8y ago

00:00:00 - Introduction 00:01:30 - What Is Navigation? 00:05:09 - React Navigation and Alternatives 00:06:47 - Install React Navigation 00:07:47 - Navigators, Routes, and Screen Components 00:09:56 - Switch Navigator 00:10:43 - Creating a Navigator 00:11:01 - Rendering a Navigator 00:11:29 - Higher Order Components 00:12:31 - Navigating to Another Route 00:13:01 - The Navigation Prop 00:13:36 - Switch Navigator Example 00:27:48 - screenProps 00:30:44 - Stack Navigator 00:33:17 - Creating a StackNavigator 00:33:37 - Returning to the Previously Active Route 00:33:55 - StackNavigator Example 00:3…

Watch on YouTube ↗ (saves to browser)

Chapters (25)

Introduction

1:30 What Is Navigation?

5:09 React Navigation and Alternatives

6:47 Install React Navigation

7:47 Navigators, Routes, and Screen Components

9:56 Switch Navigator

10:43 Creating a Navigator

11:01 Rendering a Navigator

11:29 Higher Order Components

12:31 Navigating to Another Route

13:01 The Navigation Prop

13:36 Switch Navigator Example

27:48 screenProps

30:44 Stack Navigator

33:17 Creating a StackNavigator

33:37 Returning to the Previously Active Route

33:55 StackNavigator Example

35:36 Configuring navigationOptions

38:18 Passing Around State

48:24 Using the StackNavigator

51:19 Adding a Button

1:05:55 push

1:06:40 Stack-specific Navigation Options

1:07:07 Composing Navigators

1:13:09 Tab Navigators

Playlist

Uploads from CS50 · CS50 · 0 of 60

← Previous Next →