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…
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…
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…
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…
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…
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…
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….
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…
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…
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….
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…
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…
