Switch from One Screen to another using React Navigation 3.+ (Router)

This is an Example to Switch from One Screen to another using React Navigation 3.+ (Router). We will use react-navigation library for the Navigation. React Native Navigation (Version 3+) is used to switch from one screen to another in the desired manner. This navigation solution is written entirely in JavaScript (so you can read and understand all of the sources), on … Read moreSwitch from One Screen to another using React Navigation 3.+ (Router)

Example of Popup Dialog in React Native

Here is an Example of Popup Dialog in React Native. We will use PopupDialog component provided by react-native-popup-dialog to make a Dialog. We can use Alert instead of the popup dialog if we just want to show the text but when it comes to the customization of alert content we have to use popup dialog. Popup Dialog … Read moreExample of Popup Dialog in React Native

Example of React Native Tab with Latest React Navigation Version 3.+

Here is an Example of React Native Tab for Android and IOS. We will use react-navigation to make a Tab Navigation in this example. Tabs are the most common style of navigation in mobile apps. Tabs can be on the bottom of the screen or on the top (below the header or even instead of a header). … Read moreExample of React Native Tab with Latest React Navigation Version 3.+

Bottom Navigation with Navigation Icon from Local Directory

Here is an example of Bottom Navigation with Navigation Icon from Local Directory. This post is an extension of my previous post on How to Make React Native Bottom Navigation with Latest Navigation V. 3+. In this example, we are making the same layout and flow as the previous one, Bottom Navigation with navigation options like … Read moreBottom Navigation with Navigation Icon from Local Directory

How to Make React Native Bottom Navigation with Latest Navigation V. 3+

Here is an example of React Native Bottom Navigation. Bottom Navigation is very useful when you have 2-3 main navigation options. It provides the user with easy access to regular usable options. In this example, We will make a Bottom Navigation with navigation options like Home and Setting. Each screen has other navigation options too. So … Read moreHow to Make React Native Bottom Navigation with Latest Navigation V. 3+

React Native Finish Current Screen while Navigating to Next Screen

While we navigate to the next screen from any screen the old screen remains in the stack and after coming back we see the same screen. React Native Finish Current Screen while Navigating to Next Screen includes how we navigate to next screen and finish the old one from the stack? Why do we need … Read moreReact Native Finish Current Screen while Navigating to Next Screen

Example of React Native Navigation Drawer with Latest Navigation V. 3+

This is an Example of React Native Navigation Drawer for Android and IOS. We will use react-navigation to make a navigation drawer in this example. React Native Navigation Drawer is a very popular component in app development. It provides you to manage the number of app options in a very easy manner. A user can navigate from one … Read moreExample of React Native Navigation Drawer with Latest Navigation V. 3+

React Native Navigation (Router) Version 2+

React Native Navigation is used to switch from one screen to other in the desired manner. This navigation solution is written entirely in JavaScript (so you can read and understand all of the sources), on top of powerful native primitives. React Navigation Version 3+ has been launched which needs some updates to navigate. This example will work … Read moreReact Native Navigation (Router) Version 2+

Handling Android Back Button Press in React Native

When the user presses the Android hardware back button in React Native, react-navigation will pop a screen or exit the app if there are no screens to pop. This is the sensible default behavior, but there are situations when you might want to implement custom handling. This is where handling android back button is useful. … Read moreHandling Android Back Button Press in React Native

For Query / Bug / Problem / Issues we have introduced query trackerKnow More
+