How to Add Scroll to Bottom Functionality to FlatList in React Native

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 »

React Native API Call Example with Axios, Redux, and Hooks

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 »

How to Capitalize TextInput Component in React Native

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 »

How to Capitalize Text in React Native using Style

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 »

How to use useRef Hook in React Native Functional Component

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 »

functional component in react native

Functional Components in React Native

Most of the react native developers are shifting from class-based components to functional components. You can even see changes in the examples given in the official documentation of react native. Many of them are demonstrated using functional components. In this react native tutorial, I am going to show you the basics of functional component with …

Functional Components in React Native Read More »

React Native Android Apps must Target Android 10 (API Level 29)

If you are a react native developer who regularly publishes apps through Google Play Store then you might already know this – According to new Google Play Policies, they accept only new Android apps that target at least API level 29 i.e. Android 10. And by 2 November 2020, they also stop updates of existing …

React Native Android Apps must Target Android 10 (API Level 29) Read More »

How to use Pressable Component in React Native

The Pressable is a new core component introduced in React Native version 0.63. It is basically a wrapper that detects touch interactions. It is a well-defined component and can be used instead of touchable components such as TouchableOpacity, Button, etc. The Pressable component is very easy to implement as given below. The Pressable component has …

How to use Pressable Component in React Native Read More »