React Native Navigation provides 100% native platform navigation on both iOS and Android for React Native apps. This post for all those people who are working on React Native.
When you start out on React Native project, there is a certain sense of awe as the package manager delivers the first bundle to the simulator. You quickly add some hello world text and maybe even a Pokemon image. Things are really starting to look up…
And then you need to add another view and you realize that you need to navigate somewhere. So you check out the React Native Docs and are quickly greeted by IOSTabBar, Navigation, and NavigationExperimental modules. With so many different options in the core codebase you realize that it’s still a bit of an unsolved problem. Now you’re looking at 3rd party integrations… and you start to wonder, just how should you implement navigation?
This talk will outline the different approaches to navigation available in React Native and in the RN eco-system, and the pro’s and con’s of each solution.
In this video we:
* Work with a new React Native Project
* Install a new Library, React Native Navigation
* See a horrible bug and try to debug it
* Go into XCode and try to debug it
* Go Google the error message and try to debug it
* Give up and call it a night (ha)
Navigation on native mobile apps can be very tricky. Unlike the browser, mobile apps have no built-in navigation system, and the navigation state is often deeply nested. Animations and gestures are critical for mobile apps, and are tricky to get right. To help the community address these concerns, I will introduce and demo our new navigation system for React Native, and show what innovations we can bring back to the web.
Compilation by Atom ID @Reactsharing.com