SERIES: React Native (Step by Step) — Strongly-Typed Navigation with React Navigation 5.x and Typescript

Preparations

npm install @react-navigation/native
  • react-native-gesture-handler
  • react-native-reanimated
  • react-native-screens
  • react-native-safe-area-context
  • @react-native-community/masked-view
expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view

Defining The Basic Routes

expo install @react-navigation/stack

Building Our Main Navigation

Implementing The Main Navigation

About Navigation Patterns

Moving On

Navigating Our Routes

Wrapping Up

Some words about me:

--

--

--

I’m a Web / App Developer & father 👨‍👩‍👧 doing freelance and part-time agency work since 2003, 💻 building stuff on the side 🕹 and attending conferences 🎟

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

Recommended from Medium

Display Customized Bing Map on PowerApps Portal

Bite Size Programming — How to get started with programming (part 2)

how to get started with programming banner nickang blog

How to add code linting for a Node.js project

🔬 Are you using Trailing Commas in your JavaScript?

Interval problems

Roxce — Painting Services WordPress Theme + RTL 1.0.5 [Latest Update & Pre-Licensed]

Announcing the General Availability of the Auth0 SPA JS SDK

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
Konrad Abe

Konrad Abe

I’m a Web / App Developer & father 👨‍👩‍👧 doing freelance and part-time agency work since 2003, 💻 building stuff on the side 🕹 and attending conferences 🎟

More from Medium

Install React Native modules with Expo

React Native Geolocation with Firebase

How to fetch 3 chain-endpoint using React Query & Axios

Everything you need to automate React Native apps with CI/CD using App Center.