AsyncStorage is used to store data in key-value pairs. Plain and small data can be easily stored with AsyncStorage. If you have something big then adding key-value pairs for every bit of information is ineffective. In such cases, you can convert them to JavaScript objects and store them in AsyncStorage. Before saving AsyncStorage you need…
AsyncStorage is simple global storage for your react native app. It is a key value based storage you can use throughout the app. Sometimes you may need to reset or clear Asyncstorage. As the storage is unencrypted, it is not suitable for storing sensitive data. In situations like logging out, clearing all data stored in…
If you are using redux in your react native project then most probably you might be using redux logger library too. Redux logger is a very useful library acts as logger for redux and you can have an eye on every actions and reducers. Redux logger is required only when your react native app is…
React Native has so many useful third-party libraries. Hence, our tendency is to use as many libraries to make our tasks easier. But sometimes we may need to remove such libraries to make the react native project lighter. Removing npm modules / third-party libraries is almost the same as the installation of npm modules. You…
Android Pie onwards Google has added a new layer of network security which allows only secured https requests and disable http requests by default. But no worries, you can enable http requests by using network security configuration feature. First of all navigate to YourProject > android > app > src > main > res and…
Sometimes, you may want to open a URL in the web browser of the device. You can use Linking API from react native which is used for managing the interaction with incoming and outgoing links. With Linking API, you can open a URL through the default browser of the device. You just need to invoke…
Sometimes you don’t want the user to input many characters through React Native TextInput component. Fortunately, react native TextInput has a prop to limit the characters the user enters. The maxLength property of TextInput limits the number of maximum characters that can be entered. You can use it as given in the code snippet given…
You can consume APIs in react native using the Axios library. You can use either Axios or Fetch API to fetch data from third-party APIs. In this example, I am using Axios to call APIs. In the example below, I am using free coindesk API which gives Bitcoin prices in different currencies. The API link…
While developing react native apps for the Android platform, you always want to use an Android emulator. In this blog post let’s learn how to reload the Android emulator for react native using keyboard shortcuts. In order to reload the Android simulator just press R twice ad you can see the app reload instantly. If…
Yes, you can take a screenshot from the Android emulator even without opening Android Studio. First of all, run your Android emulator. If you want to know how to run an Android emulator without opening Android Studio then check out this blogpost. In order to take a screenshot, you just need to press ctrl +…
Opening Android Studio every time you want to launch an emulator is not an easy task in case of having a slow PC. Android Studio consumes RAM and opening Android Studio might make your PC slow. I assume you have already created a virtual device with AVD using Android Studio. Then in order to launch…
In HTML, you can easily put a line break with the tag <br> but the thing is different for React Native. In React Native you have to use \n in between your text to get a line break. As react native uses JSX, you have to ensure that \n is wrapped with brace brackets, like…