How to Display PDF from Base64 in React Native

It’s common for applications to need to display PDF files to their users. This can be especially important for applications that rely on displaying invoices, contracts, or other important documents. In this tutorial, let’s learn how to display PDF from base64 in react native using react native pdf library. React Native Pdf also need another … Read more

How to Open SMS App in React Native

An SMS app allows users to send and receive text messages on their mobile devices. Sometimes, we want to prompt users to open the SMS app. In this tutorial, let’s learn how to open the SMS app in react native. The Linking API in React Native offers a solution for developers to manage both incoming … Read more

How to Open App Settings in React Native

When you have mobile apps with some permissions there always comes a scenario where we want to redirect users to the native settings of the phone. In this tutorial, let’s learn how to open settings in react native, on both Android and iOS devices. The Linking API in React Native provides a way for developers … Read more

How to Take and Save Photos in React Native

Capturing photos from the camera and saving them to the internal memory is a feature of many mobile apps. In this react native tutorial, let’s learn how to take photos and save them using react native vision camera. The react native vision camera is a library that enables us to do many things with the … Read more

How to Capture Photos using Camera in React Native

Capturing photos is a common feature in many mobile apps. In this blog post, let’s explore how to capture photo using React Native and the various options available for customizing the camera experience for your users. As the react native camera library is deprecated we are using react native vision camera in this tutorial. Remember … Read more

How to Add Icons in React Native Expo

Adding icons to your react native expo app can significantly enhance the user experience and make the app more visually appealing. In this blog post, let’s learn how to add icons to react native expo with react native vector icons. The @expo/vector-icons library is part of the expo package and you don’t need further installation. … Read more

How to Do Icon Animation in React Native

Creating visually appealing animations in React Native can greatly enhance the user experience in your mobile application. One great way to do this is by animating icons. In this blog post let’s do icon animation in react native. We are using react native vector icons library for this tutorial. I recommend you to read how … Read more

How to Make Icons Pressable in React Native

Icons are the lifeblood of a mobile application’s user experience. By making icons pressable, app design takes on a dynamic new dimension, enabling users to delve into the app’s offerings and explore its features. In this blog post let’s learn how to make the icons pressable in React Native. We use react native vector icons … Read more

How to Add Shadows to Icon in React Native

Shadows can add depth and dimension to flat icons, making them look more appealing and professional. In this blog post, let’s learn how to add a shadow to an icon in react native. We will be using react native vector icons library for this tutorial. I suggest you to read how to use react native … Read more

How to Create Icon Button with Text in React Native

Creating an aesthetically pleasing and functional icon button can make a huge difference in the user experience of your React Native app. In this react native tutorial, let’s learn how to add an icon button using react native vector icons. When coming to icons, the react native vector icons library is a must have package … Read more

How to Use React Native Vector Icons

React Native Vector Icons is the most popular vector icon library choice among developers building mobile apps. These icons are easy to customize and provide a consistent look and feel across different platforms. With their scalable vector format, they can be resized without losing their quality. In this blog post, let’s learn how to add … Read more

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