Build Wordpress Client App with React Native #3: Handle Navigation

Build Wordpress Client App with React Native #3: Handle Navigation

This series intends to show how I build app to serve content from my WordPress blog by using react native. Since, my blog is talking about react-native, the series and the articles are interconnected. We will learn how to set-up many packages that make our lives comfortable and learn how to deal with WordPress APIs. …

This series intends to show how I build app to serve content from my WordPress blog by using react native. Since, my blog is talking about react-native, the series and the articles are interconnected. We will learn how to set-up many packages that make our lives comfortable and learn how to deal with WordPress APIs. Here, the most prominent features talked about in the book are the dark theme , offline mode, infinite scroll and many more. You can discover much more in this series.this inspiration to do this tutorial series came from the Mobile Templates from instamobile

Now, we need to organize our project structure with all the files and folders and also set up the navigation.

For that, we are going to install the react-navigation package version 4 and all its required dependency packages. Recently, most of the components and modules delivered by the react-navigation package have been separated into different packages. Hence, we need to install other packages as well in order to make our navigation fully work. For that, we need to run the following command in our project repository:

reactnative

What's new in Bootstrap 5 and when Bootstrap 5 release date?

How to Build Progressive Web Apps (PWA) using Angular 9

What is new features in Javascript ES2020 ECMAScript 2020

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Random Password Generator Online

HTML Color Picker online | HEX Color Picker | RGB Color Picker

A ReactNative Scrollable Stretchy Header Component

A ReactNative scrollable stretchy header component.react-native-stretchy

ReactNative: Native Photo Editor (Android/iOS)

react-native-photo-editor ReactNative: Native Photo Editor (Android/iOS)

Standardizing how components are spaced in ReactNative

Using margin and padding to control spacing between components introduces too many ways to accomplish the same goal. React Native Spacing System seeks to standardize your React Native code and increase legibility though the usage of spacing components.

ReactNative: Native Bottom Action Sheet (Android/iOS)

ReactNative: Native Bottom Action Sheet (Android/iOS) .A simple library that creates native BottomSheet actions according to the Material Design Specs

ReactNative vs NativeScript – Choosing the best framework

Which one would you choose to create a perfect mobile solution for your business? ... React Native And NativeScript As The Most Popular Mobile Development . This article will our brief comparison of React Native and NativeScript development frameworks ...