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…
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…
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 +…
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…
Sometimes, you may want to check if a value is undefined or not in react native. The usual scenario you face undefined property is while iterating through a JavaScript object with invalid keys. This blog post helps you to check if a JavaScript object property is undefined or not. In JavaScript, you can make use…
The name conflict may occur in react native when you import components from react native as well as from any other third-party libraries with the same name. Just have a look at the code snippet given below: As you notice, we have imported two Text components, one from react native and the other from react…
React Native provides a StatusBar component to control your app status bar. You can easily create a white color StatusBar with the following snippet: Yes, there’s a problem with the above snippet, the whole status bar turns to white and you can’t see the content such as the signal, battery, etc. In such cases, you…
Sometimes you may want to show an image in a round shape in your React Native app. Usually, we show images such as profile images in a circular shape. In this blog post, let’s check how to add a round image in react native easily. Making round images in Android and iOS is easy. In…
By default, you use the keyboard hardware of your mac in your iOS simulator. But you may need to test the behavior of the iOS device keyboard when using your react native app. It is also known that React Native has some keyboard-related issues. Switching from a hardware keyboard to a simulator keyboard is easy….
Most of the time, you may want to test your react native app on different iOS simulators to ensure that your app works well with all iOS devices. When you run react-native run-ios command it opens up your default iOS simulator. In this blog post, let’s check how to run your app on a specific…