Multi-Line Text / Break Text in React Native

In this Example of Multi-Line Text / Break Text in React Native, we will see how can you break the text of a Text Component in multiline using a new line character. So let’s get started. To Break the Text

Open App.js in any code editor and replace the code with the following code. App.js

This … Read moreMulti-Line Text / Break Text in React Native

Example to Convert Text to Upper or Lower Case in React Native

This is an Example to Convert Text to Upper or Lower Case in React Native. To do this we will use the string property toUpperCase() and toLowerCase() which will convert your text to Upper case and lower case respectively. Convert Text to Upper Case Using

Convert Text to Lower Case Using

Let’s get started with … Read moreExample to Convert Text to Upper or Lower Case in React Native

Check Value is a Number using isNaN() in React Native

This is an Example to Check Value is a Number using isNaN() in React Native. The function isNaN() is used to check the value of any variable or state is a number or not. In this example we will check input is a number or not. To Check Value is a Number or Not

It … Read moreCheck Value is a Number using isNaN() in React Native

React Native Enable Disable TextInput Programmatically

This is an Example of React Native Enable Disable TextInput Programmatically. In this Example, we will make a TextInput Enable/Disable on a click of a button. This type of task can be used while making any form which has interdependent fields like F1 needs to be filed before F2, so in that case, you can disable … Read moreReact Native Enable Disable TextInput Programmatically

React Native Check TextInput is Empty or Not

This is an Example of React Native Check TextInput is Empty or Not. As the topic name describes itself, we will check the TextInput on a click of the Button. This is very useful if you are making any form which has some mandatory fields. Check TextInput Using

In this example, we will check whether … Read moreReact Native Check TextInput is Empty or Not

Example to Remove TextInput Underline in React Native

This is an Example to Remove TextInput Underline in React Native. While working with android you have seen an underline in android devices which is a default property for the Android. If you want to remove that you can use underlineColorAndroid prop which will decide the color of the underline in android. Remove TextInput Underline Using

Read moreExample to Remove TextInput Underline in React Native

Example to Get Only Numeric Value From TextInput in React Native

This is an Example to Get Only Numeric Value From TextInput in React Native. This is used in many cases like when you have to take the mobile number of user you need the number to be inserted. Using this will open the Numeric Keyboard when the user clicks on the TextInput. We are going to use the … Read moreExample to Get Only Numeric Value From TextInput in React Native

Example of Searching in List using Search Bar in React Native

Here is an Example of Searching in List using Search Bar in React Native. In our previous example of a search bar using TextInput, we have mentioned that searching is very important if we have a long list. It provides great user experience and control over the data to the App user. The user can easily search the data … Read moreExample of Searching in List using Search Bar in React Native

Make Search Bar Filter for List View Data in React Native

This is an example to Make Search Bar Filter for List View Data in React Native. Basically, We will make a React Native FlatList with real-time searching ability. If we have a Long list in the app then it is very inconvenient to search the required data by scrolling the whole list. Let’s take an example of E-Commerce … Read moreMake Search Bar Filter for List View Data in React Native