Summary
Full Transcript
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:35:36 - Configuring navigationOptions 00:38:18 - Passing Around State 00:48:24 - Using the StackNavigator 00:51:19 - Adding a Button 01:05:55 - push 01:06:40 - Stack-specific Navigation Options 01:07:07 - Composing Navigators 01:13:09 - Tab Navigators This course picks up where Harvard University's CS50 leaves off, transitioning from web development to mobile app development with React Native, a popular open-source framework maintained by Facebook that enables cross-platform native apps using JavaScript without Java or Swift. The course introduces students to modern JavaScript (including ES6 and ES7) as well as to JSX, a JavaScript extension. Through hands-on projects, students gain experience with React and its paradigms, app architecture, and user interfaces. The course culminates in a final project for which students implement an app entirely of their own design. https://www.youtube.com/playlist?list=PLhQjrBD2T382gdfveyad09Ierl_3Jh_wR *** This is CS50, Harvard University's introduction to the intellectual enterprises of computer science and the art of programming. *** HOW TO SUBSCRIBE http://www.youtube.com/subscription_center?add_user=cs50tv HOW TO TAKE CS50 edX: https://cs50.edx.org/ Harvard Extension School: https://cs50.harvard.edu/extension Harvard Summer School: https://cs50.harvard.edu/summer OpenCourseWare: https://cs50.harvard.edu/x HOW TO JOIN CS50 COMMUNITIES Discord: https://discord.gg/T8QZqRx Ed: https://cs50.harvard.edu/x/ed Facebook Group: https://www.facebook.com/groups/cs50/ Faceboook Page: https://www.facebook.com/cs50/ GitHub: https://github.com/cs50 Gitter: https://gitter.im/cs50/x Instagram: https://instagram.com/cs50 LinkedIn Group: https://www.linkedin.com/groups/7437240/ LinkedIn Page: https://www.linkedin.com/school/cs50/ Quora: https://www.quora.com/topic/CS50 Slack: https://cs50.edx.org/slack Snapchat: https://www.snapchat.com/add/cs50 Twitter: https://twitter.com/cs50 YouTube: http://www.youtube.com/cs50 HOW TO FOLLOW DAVID J. MALAN Facebook: https://www.facebook.com/dmalan GitHub: https://github.com/dmalan Instagram: https://www.instagram.com/davidjmalan/ LinkedIn: https://www.linkedin.com/in/malan/ Quora: https://www.quora.com/profile/David-J-Malan Twitter: https://twitter.com/davidjmalan *** CS50 SHOP https://cs50.harvardshop.com/ *** LICENSE CC BY-NC-SA 4.0 Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International Public License https://creativecommons.org/licenses/by-nc-sa/4.0/ David J. Malan https://cs.harvard.edu/malan [email protected]
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
