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

Some Javascript Concepts

A beginners guide to JavaScript Callbacks and how to avoid the Callback Hell with Promises

Build websites with a free and open-source Bootstrap 5 UI Kit

The TinyDraft Chronicles Part I: Why Even?

idomoo ❤️ Discord

Should you really be using a JavaScript Framework?

Highlight Text Using Mark.js in Angular Js

How do they make browser games nowadays? Part 1

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

Here’s My Secret for Success in App Architecture for React Native

How Moti is the shortest way to create universal animation based on reanimated 2

How Much does it Cost to Hire Remote React Native Developers?

Get the URL of a nested React-Navigation screen using NavigationContainer ref