Month: July 2021

How to Add a Country Code Picker with Phone Input in React Native

Last Updated on July 20, 2021. Phone number authentication is widely used in mobile apps. Country code picker and OTP are important components of Phone number authentication. In this blog post, let’s see how to create a country code picker with phone number input easily in react native. The easiest way to create a country …

How to Add a Country Code Picker with Phone Input in React Native Read More »

How to Prevent taking Screenshots in React Native App (Android)

Mobile users can take screenshots in any app easily. In some scenarios, you may want to prevent users from taking screenshots inside your app. In this tutorial, let’s check how to prevent screenshots in react native app. Please note that this tutorial works only for Android apps created using react native. Go to YourProject/android/app/src/main/java/com/yourproject/MainActivity and …

How to Prevent taking Screenshots in React Native App (Android) Read More »

How to Place Text over Image in React Native

Last Updated on July 5, 2021. By default, the elements of react native are arranged vertically. You can also arrange them horizontally using style properties. In this react native tutorial, let’s check how to place your Text component over the Image component. The position style property can be used to place one component over another. …

How to Place Text over Image in React Native Read More »

How to Decrease Brightness of an Image in React Native

Last Updated on July 2, 2021. Sometimes, you may want to add images and apply some darkness to them. In this short tutorial, let’s check how to bring down the brightness of an image in React Native. The Image component of react native doesn’t allow to have children. Hence, we are using ImageBackground component which …

How to Decrease Brightness of an Image in React Native Read More »

How to Import Color Variables to a File in React Native

Last Updated on July 1, 2021. It’s always good to have common color variables throughout your react native project. This helps you to manage your colors and usage easily. Even though this seems pretty obvious beginners may not know how to add a color file in react native. For example, create a file named Colors.js …

How to Import Color Variables to a File in React Native Read More »