React Native SafeAreaView for Safe Area Boundaries

In this post, you will see the React Native SafeAreaView for Safe Area Boundaries. According to the definition, a SafeAreaView renders nested content and automatically applies paddings to reflect the portion of the view that is not covered by navigation bars, tab bars, toolbars, and other ancestor views. For those who have no idea about … Read moreReact Native SafeAreaView for Safe Area Boundaries

Restart/Reset Current Screen in React Native Without Mounting it Again

Here is How to Restart/Reset Current Screen in React Native Without Mounting it Again. React Native does not provide the default refresh component to restart the screen. In some cases, we need to restart or reset the screen again and in that case, this example will help you to restart or reset the current screen. … Read moreRestart/Reset Current Screen in React Native Without Mounting it Again

Using React Navigation 4.0 in React Native apps

Hello Guys, Here is how to use React Navigation 4.0 in React Native apps. After the important updates of the React Native 0.60+, Here is React Navigation 4.0. I am sure many of you who have started the project with the updated React Navigation 4.0 have experienced the changes they did in the latest version. … Read moreUsing React Navigation 4.0 in React Native apps

Manage Different Node.js Versions in a Single Terminal with Ease using n

In this post, we will show you the way to manage different node.js versions in a single terminal with ease using n. n is a very useful tool to manage node.js versions interactively, yes you heard it right. It is very easy to use the tool but will help you a lot if you have … Read moreManage Different Node.js Versions in a Single Terminal with Ease using n

Show Timeline using React Native Timeline ListView

This is an Example to Show Timeline using React Native Timeline ListView in Android and IOS. Timeline is very useful to show event activity or progress. Timeline list can be used in many places. For this example, we have used Timeline component provided by react-native-timeline-flatlist. As ListView has been deprecated in React Native 0.60+ we have … Read moreShow Timeline using React Native Timeline ListView

Fast Speed Image Loading using React Native Fast Image

Here is an Example of Fast Speed Image Loading using React Native Fast Image in Android and IOS. React Native Fast Image library is really a cool library to load the image at very fast speed. FastImage component from react-native-fast-image is a wrapper around SDWebImage (iOS) and Glide (Android) which are very powerful image loaders in … Read moreFast Speed Image Loading using React Native Fast Image

Hide React Navigation Header on Press of a Button

Here is an Example to Hide React Navigation Header on Press of a Button. React Navigation always add a header bar in the top of your application according to the material design instruction of the Android and IOS. To hide NavigationBar/ ActionBar/ Topbar/ Header from the top of the Screen There are many ways and you can hide … Read moreHide React Navigation Header on Press of a Button

Refresh Previous Screen after Going Back in React Navigation

This is an Example to Refresh the Previous Screen after Going Back to the old Screen in React Native using React Navigation. If you are familiar with the navigation in React Native then I hope you very well know React Navigation. We have also used the same navigator for this example. While working with multiple … Read moreRefresh Previous Screen after Going Back in React Navigation

React Native Video Library to Play Video in Android and IOS

This is an Example of React Native Video to Play Any Video in Android and IOS. There are many libraries available to play any video in React Native but React Native Video is the basic and one of the react-native-community members which means it is accepted by the React Native development team so I personally like … Read moreReact Native Video Library to Play Video in Android and IOS

Control Device Brightness from React Native App

This is an Example to Control Device Brightness from React Native App using react-native-screen-brightness for Android and IOS. You generally do it in your day to day life but what if you can control the brightness from your own application? Yes, you can do that with the help of the react-native-screen-brightness library. You can see … Read moreControl Device Brightness from React Native App