How to Add Nested Navigator of Stack Navigator and Bottom Tab Navigator in React Native (TypeScript)

Navigating through different screens and pages is an essential aspect of building mobile apps, and React Navigation library provides a powerful way to handle this in react native. In this blog post, let’s learn how to combine the functionality of both Stack Navigator and Bottom Tab Navigator to create a nested navigator in react native. … Read more

How to Navigate from One Screen to Another in React Native (TypeScript)

Navigation is a crucial aspect of any mobile application. It enables users to move seamlessly between different screens and access the information and features they need. In this blog post, let’s learn how to navigate from one screen to another. Even though there are some navigation libraries, react navigation is the most popular navigation library … Read more

How to create Gradient Text in React Native

Gradient text is a great way to add visual interest and depth to your mobile app. It helps to make your text stand out and draw the user’s attention. In this blog post, let’s learn how to add gradient Text in react native. For this you need two libraries- react native linear gradient and react … Read more

How to Justify Text in React Native

Text alignment is an important aspect of app design as it affects the readability and aesthetic appeal of your app. In this blog post, let’s learn how to justify text easily in react native. In React Native, you can easily control the alignment of your text using the textAlign style property on the Text component. … Read more

How to make Text Clickable in React Native

Sometimes, you may want to make a text clickable in order to perform an action when it is clicked. This can be useful for creating interactive and user-friendly apps. In this blog post, let’s learn how to make the Text clickable in react native. To make text clickable, you can wrap it in either a … Read more

How to add Multiline Support to TextInput in React Native

Whether you’re looking to allow longer messages or simply want to give your users more flexibility in their input, then you should have multiline support. In this blog post, let’s learn how to add multiline textinput in react native. The TextInput component has many properties and multiline is one among them. You just need to … Read more

How to Disable Pressable Component in React Native

Disabling the Pressable component can be useful in certain situations, such as when you want to prevent the user from pressing a button multiple times in quick succession, or when you want to disable a button while an action is being performed. In this blog post, let’s learn how to disable the Pressable component easily … Read more

How to create a Button with Transparent Background in React Native

Buttons with transparent backgrounds can add a sleek and modern touch to your mobile application. In this blog post, let’s learn how to create a button with a transparent background in react native using the TouchableOpacity component. TouchableOpacity is a component in react native that is used to wrap a view that should respond to … Read more

How to show Loading Placeholder for Image in React Native

In this blog post, we will be discussing how to display a loading placeholder in react native while an image is being loaded from the internet. This can improve the user experience by letting the user know that the image is being loaded and that they should wait. The Image component in react native has … Read more

How to add Color Filters to Image in React Native

Adding color filters to images can be a fun and creative way to enhance the appearance of an image in your mobile app. In this blog post, let’s learn how to apply color filters to an image easily in react native. The react native color max image filters library helps us to apply simple color … Read more

How to show SVG Image from URL in React Native

SVG, expanded as Scalable Vector Graphics, is a popular choice for displaying images in applications because they can be scaled to any size without losing quality. In this blog post, let’s learn how to load and display SVG images from URLs in react native. React native doesn’t have inbuilt support for SVG images. Hence, we … Read more

How to add Shadows to Image in React Native

Shadows are a powerful design element and can add depth and character to your app’s user interface. In this tutorial, let’s learn how to add shadows to an image in react native. It’s easy to add shadows to images in react native using a few simple style properties. But, instead of applying the properties directly, … Read more

How to Blur an Image in React Native

The Image is one of the most important components in react native. Sometimes, you may need to blur the image for making UI pretty. In this blog post, let’s learn how to blur an image easily in react native. The Image component comes with the blurRadius property that helps us to apply the blur effect … Read more

How to add Image Picker in React Native Expo

Expo is a set of tools and services built around React Native that makes it easier to develop and deploy mobile applications. In this blog post, let’s learn how to add an image picker using Expo. I expect you have a react native project created using the Expo CLI. You can easily create an image … Read more