Most of the react native developers are shifting from class-based components to functional components. You can even see changes in the examples given in the official documentation of react native. Many of them are demonstrated using functional components. In this react native tutorial, I am going to show you the basics of the functional components…
When the user interface of your react native app begins to get complex you may need to place or position one view over another view to create components. In this blog post, I will show you a simple react native example where one view is put over another one. We use the style property position…
If you are a react native developer who regularly publishes apps through Google Play Store then you might already know this – According to new Google Play Policies, they accept only new Android apps that target at least API level 29 i.e. Android 10. And by 2 November 2020, they also stop updates of existing…
In this blog post, I will show you how to create a button with a ripple effect in react native without using any external library. We all know that ripple effects come with material design. The ripple effect helps the user to identify that his action such as a button press is registered. We use…
The Pressable is a new core component introduced in React Native version 0.63. It is basically a wrapper that detects touch interactions. It is a well-defined component and can be used instead of touchable components such as TouchableOpacity, Button, etc. The Pressable component is very easy to implement as given below. The Pressable component has…
My excitement on a new version release of react native is always inexplainable. It’s because a new feature or a bug fix always makes the lives of developers easy. This time, I am with the latest version – react native 0.63. So, what are the new things in this version? A new component Pressable This…
Mapbox is considered as one of the best alternatives for Google Maps. If you are looking for a Google Maps alternative for your next react native project then you are at the right place. In this react native mapbox tutorial, I am going to create a simple project where maps are shown using mapbox with…
A slider is a very common component used in mobile apps. Sliders can be used for taking inputs easily – for example, a volume control. In this blog post, let’s check how to add a slider in your react native app. First of all, you have to get the Slider component from react native community….
A toggle button is extremely useful when the user needs to give boolean input such as Yes or No. The switch component is used to create a switch/toggle button in react native. In this blog post, let’s check how to add a switch button to your react native project. The implementation of the toggle button…
One of my Android apps developed using react native app was about to release. I followed every instruction given in the official documentation regarding publishing the android app to PlayStore. But, when I uploaded the generated Android App Bundle file in Google Play Console I got the following error. You uploaded an APK or Android…
I stumbled upon the following react native issue when I was trying to run one of my react native projects on the Android emulator. Could not resolve all dependencies for configuration ‘:classpath’. > Timeout waiting to lock artifact cache (/home/rashid/.gradle/caches/modules-2). It is currently in use by another Gradle instance. Owner PID: 19520 Our PID: 24483…
In this blog post, let’s learn how to customize the header in React Navigation to hide it from screens. This is a common requirement for many React Native apps. Here, I am not covering how to install and use react navigation. For that, you can check out my blog post here. We can hide the…