Build React Native Apps with Simplified and Predictable Navigation

TL;DR

Bootstrap React Native app

> npx react-native init RNNScreensExample --template react-native-template-typescript
> cd RNNScreensExample

Install libraries

> yarn add react-native-navigation rnn-screens
> npx rnn-link # linking RNN
> npx pod-install # installing pods

Set up Navigation

index.js
App.tsx (Components)
App.tsx (Navigation)
Tab based app

Run the app

> npx react-native run-ios # or
> npx react-native run-android

--

--

--

Problems solver. Open Source Staff. MS in CS. https://batyr.io

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

GenBun’s first ever Technical Trading Workshop with Michael Louie Lim

JSON.stringify()-JSON.parse()

Automated End-to-End Testing with Cypress and Husky Pre-Commit hooks

Debugging a release build of React Native or how to get a clear explanation of the error from…

React: The Basics of Data Visualization Using Recharts

2019 NYC Demographic Data

React vs Vanilla JS

LeetCode — 1525. Number of Good Ways to Split a String

How To Extract Content From Website With An API

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Batyr

Batyr

Problems solver. Open Source Staff. MS in CS. https://batyr.io

More from Medium

We are shipping React Native GasBuddy

How to get device location without using GPS tracker in React Native?

Customizable Bottomtab React Native

Re.Pack in React-Native