PDF is one of the most popular formats used for documents. As a result, you may have to add PDF support to your react native apps. In this blog post, let’s check how to create thumbnails for PDF files in react native. We use a third party library named react native pdf thumbnail to generate …
How to Create Thumbnails for PDF Files in React Native Read More »
We get API response mostly in JSON format. It’s due to the simplicity and popularity of JSON. Sometimes, developers prefer to give API response in raw text. In this blog post, let’s check how to handle text response using Fetch in react native. React Native provides Fetch API for our networking needs. Fetch returns promise …
How to Handle Text API Response using Fetch in React Native Read More »
Importance of One Time Passwords are increasing in modern mobile apps. Developers add an extra layer of security in their apps by generating and verifying OTPs. When it comes to verify mobile numbers, OTPs are the way to go. In this blog post, I am creating a react native OTP generator. This will be helpful …
The Portable Document Format (PDF) is one of the most popular formats used for documents. In this blog post, let’s check how to show pdf files in react native. React Native Pdf is a third party that helps us to open and read pdf files from a URL or local assets in react native. It …
Nowadays, everything happens digitally. Sometimes, we may need to capture the signatures of users digitally for our applications. We can capture the signature in react native with the help of a third-party library named react native signature canvas. The react native signature canvas provides a canvas component where the user can put the signature. So, …
How to Capture Digital Signature in React Native Read More »
Environment variables are global variables. The files with the .env extension are suitable for saving variables such as domains, API URLs, endpoints, etc. They help to decouple configuration details from our whole project. How to setup .env file in react native In react native, just adding a .env file is not enough. You have to …
We always want to test our app before creating a signed APK file or ABD file and publishing it to the Google Play Store. Generating a debug APK file not only helps us to test the app ourselves but also let us to share it among other users. Let’s check how to generate debug APK …
Everyone knows the importance of FlatList component in react native apps. FlatList helps us to huge amount of data in the most user friendly way. In this blog post, let’s check how to add a scroll to bottom functionality to FlatList. If you are looking for how to add scroll to top option in flatlist …
How to Add Scroll to Bottom Functionality to FlatList in React Native Read More »
FlatList is one of the most popular components used in react native mobile apps. It helps you to show your data to users in a convenient and scrollable way. A scroll to the top option will be a nice feature for FlatList with so much data. It helps users to return to the top of …
How to Add Scroll to Top Functionality to FlatList in React Native Read More »
If you have worked with any apps with social feeds then you might have faced this issue. The images you receive from the server will have different heights and widths. As a mobile app developer, you may need to show them neatly with a fixed width and dynamic height. Let’s see how to show images …
How to Show Images with Dynamic Height in React Native Read More »
In this blog post, let’s see how to do API calls using Axios, Redux, and Hooks in react native. As the importance of hooks and proper state management increases, making API calls with hooks and redux is a better way and can be helpful for large react native applications. Before starting out, please do install …
React Native API Call Example with Axios, Redux, and Hooks Read More »
TextInput is the component where the end user gives input. Sometimes, we may need to control how the values are inserted to the TextInput. Let’s check how to capitalize the text inserted through TextInput in react native. If you are looking for how to capitalize a Text component in react native then you can check …
How to Capitalize TextInput Component in React Native Read More »
Sometimes, we need to show text in some specific case. There are already JavaScript functions such as toLowerCase and toUpperCase. But having a prop for changing cases or capitalize can make your work simpler. In this react native example, I am using a text style prop named textTransform for the case conversion and capitalization of …
How to Capitalize Text in React Native using Style Read More »
Hooks are integral part of a functional component. The useRef hook is used to invoke methods on react native components. In this blog post, let’s check how to use useRef in react native. We have a TextInput component and a Pressable component. When we press the Pressable component, the text inside TextInput should be cleared …
How to use useRef Hook in React Native Functional Component Read More »
