Month: May 2019

How to Limit Maximum Number of Characters in React Native TextInput

Last Updated on December 10, 2020. 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 enter. The maxLength prop of TextInput limits the number of characters that can be entered. You can use it as given …

How to Limit Maximum Number of Characters in React Native TextInput Read More »

How to Take Screenshot from Android Emulator without Opening Android Studio

Yes, you can take a screenshot from Android emulator even without opening Android Studio. First of all, run your Android emulator. If you want to know how to run Android emulator without opening Android Studio then check out this blogpost. In order to take screenshot, you just need to press ctrl + s together and …

How to Take Screenshot from Android Emulator without Opening Android Studio Read More »

config.h file not found React Native Issue Fix

While running my React Native project with react-native run-ios, I faced a new react native error. In the terminal it was showing: An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2): Failed to install the requested application An application bundle was not found at the provided path. Provide a valid path to the desired application …

config.h file not found React Native Issue Fix Read More »

How to Add Apostrophe ‘ in Text in React Native

Having apostrophe or literals such as ‘, “, or > in your Text component value could break your code. Thus when you need to add such characters replace them as given in the list below: > can be replaced with > ” can be replaced with ", “, " or ” ‘ can be replaced with ', ‘, ' or ’ } can be replaced with } For example, if you …

How to Add Apostrophe ‘ in Text in React Native Read More »

How to Solve Name Conflict While Importing Two Modules with Same Name in React Native

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 same name. Just have a look at the snippet given below: As you notice, we have imported two Text components, one from react native and other from react native svg. …

How to Solve Name Conflict While Importing Two Modules with Same Name in React Native Read More »

How to Make White StatusBar with Content Shown in React Native

React Native provides 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 signal, battery etc. In such cases, you can use …

How to Make White StatusBar with Content Shown in React Native Read More »