How to create and use function in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to create common functions like helpers in react native and how to use them in react native screen. Here you will get How to create functions in react native How to export those functions in react native How to import or use functions in react native Let start today’s article how to create and use the function in react-native...

August 9, 2021 · 2 min · Infinitbility

How to enable multidex in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to enable multidex in your react native project, let first understand why we need to enable multidex? why we need to enable multidex? When we added many dependencies in our project, it may bump you over the 64k method limit on the Android build system. Once this limit has been reached, you will start to see the following error whilst attempting to build your Android application:...

August 9, 2021 · 2 min · Infinitbility

How to disable back button in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial help you to disable back button in react native application plus also how to do your stuff when user click on back button. Here I will share a common component example and you can use on any screen on React Native project. Here, I’m going to create a common component for handle back press or also call back feature. BackPressHandler.js import React from 'react'; import {BackHandler} from 'react-native'; export default BackPressHandler = callback => { BackHandler....

August 8, 2021 · 2 min · Infinitbility

How to dismiss keyboard in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to dismiss keyboard programatically in react native, Many times we want to remove or exit keyboard on certain event like On submit, end of textinput. React Native provide Keyboard module to manage keyboard event, where you can track when keyboard open, close or also programatically close keyboard. For dismiss keyboard, React Native Keyboard module have dismiss() method, when you call Keyboard....

August 7, 2021 · 1 min · Infinitbility

How to use background image in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to the background image in react native, here you will get examples of ImageBackground react-native component, an example of overlay in react native, add Text upper then image in react native. Let’s start today article ImageBackground In React Native Introduction Well, if you come from web development there we get the style background-image attribute to full fill our requirement but in react native background-image style is not available....

August 6, 2021 · 2 min · Infinitbility

How to use br tag in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article helps you how to break line of text in react native, for HTML we know <br> tag will do that but in react native. <br> tag not available then today we will see how we can break line in react native. Let start today topic how to use br tag in react native Well, React Native is not supported the <br> tag but we have another option and is \n new line 😄....

August 6, 2021 · 1 min · Infinitbility

How to use array in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ To create and use an array in react native, just use square brackets [] it will create an array like the below example. const names = ["Infinit", "Bility", "Infinitbility"]; this.setState({names: names}) This article will help you to use and manage arrays in react native, here we will learn how to define and store arrays in state, how to show or render arrays data in component, how to use arrays details in react native component....

August 5, 2021 · 2 min · Infinitbility

How to use async await in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to use async await in react native, we use async-await to manage time consuming tasks using async await we have the option to wait for the first task before executing the second task. Today we will learn to create async functions and how to use await with example in-class component and functional component. Let’s start today topic how to use async await in react native ✌️...

August 5, 2021 · 2 min · Infinitbility

How to disable textinput in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to disable text input in react native, here you will get answer of How to disable textinput in react native, how to make editable false textinput in react native. Let’s start today topic How to disable textinput in react native React Native TextInput provides an editable attribute to handle user-editable permission when it’s editable={false} then it will make sure the user can’t edit anything in textinput it’s the same as disabled....

August 4, 2021 · 1 min · Infinitbility

How to disable touchableopacity in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to disable react-native touchable opacity, hear you will get answer of how to disable touchableopacity in react native with example. Let start today topic How to disable touchableopacity in react native React Native touchableopacity provide a disabled attribute to disable touchableopacity, you have to just pass true in the disabled attribute like the below example. Touchableopacity disabled example <TouchableOpacity disabled={true}> <Text>I'm disabled</Text> </TouchableOpacity> Well if you are using Pressable components then also you can use disabled={true} it also works the same as TouchableOpacity....

August 4, 2021 · 1 min · Infinitbility

How to clean cache in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help to clean the cache of your react native project, hear we will see how to clear cache in android and ios. Let start today article How to clean cache in react native When we are run any react native project or build any apk or IPA it will create cache for improving our performance but sometimes we solved any issue but react-native showing errors due to cache i....

August 3, 2021 · 1 min · Infinitbility

How to comment in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial wil help you to add comment in react native code, here you will get example of react native render comment, single line comments and multiple line comments. If you’r familiar with jsx and js then you already know it. Let start today topic How to comment in react native In React Native comments syntax depend upon where you want comments. React Native render comments example Here render comment means where you use components....

August 3, 2021 · 2 min · Infinitbility

How to bold text in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial wil help you to make text bold in react native, here you will get answer how to make tet bold in react native, manage bold text look in react native, how many options of bold text. Let’s start today topic How to bold text in react native Introduction React Native provide fontWeight style to make text look like bold. Specifies font weight....

August 2, 2021 · 2 min · Infinitbility

How to clean gradle in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ To clean cache in react native, open terminal, go to your project android folder, and run gradlew clean command it will clear react native cache. This article wil help to clean your react native project, hear we will see how to clean gradlew cache and react native builds. Let start today article How to clean gradle in react native When we are run any react native project or build any apk it will create builds folder on android app folder for improve our proformance but sometimes we solved the any issue but react native showing errors due to cache i....

August 2, 2021 · 1 min · Infinitbility

How to blur background in react native

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to add blur effect on your react native images and background images, here you will get answer of how to add blur effect in image react native. Let start today article How to blur background in react native Introduction React Native provide blurRadius attribute to make blur images it’s work on both component ( Image and ImageBackground ). both component is support blurRadius attribute and you have to blur image between 1 to 100 numbers....

August 1, 2021 · 1 min · Infinitbility

Markdown emoji Example with code

Hello Friends 👋, Welcome To Infinitbility! ❤️ When we are writing something on .md or .mdx file for documentation or article then we need emoji icons list or code to write on file i.e i’m writing article on it here i will share all emoji icons with their code ( cheet sheet ) you can also copy icom or use code of below list. Let start today’s topic Markdown emoji Example with code...

July 31, 2021 · 9 min · Infinitbility

How to check whole commit ( log ) in smartsvn

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article only for Mac users because smartsvn only available on Mac. Well you are using svn for your project and install smartsvn on your Mac book system and currently looking for how to check previous commit changes then you are in right place. Introduction Manytimes, we want check our previous changes or commit on svn but we don’t know how to check and that’s why Smart SVN provide Log options to check all your previous changes commit based....

July 28, 2021 · 1 min · Infinitbility

How to block calling unencrypted URL in react native

Hello Friends, Welcome To Infinitbility! React Native provide default block all unsecure or not encrypted url but we made changes on project to call unencrypted url for development and when we want to deploy then we have to re-block unencrypted url calls, this article help you to reblock unsecure urls. Let start today’s topic How to block calling unencrypted URL in react native Introduction We wil remove code on react native to block calling unsecured url and those code are we added when we want to call not encrypted url....

July 25, 2021 · 2 min · Infinitbility

How to detect device rooted or jailbroken in react native

Hello Friends, Welcome To Infinitbility! First, I try react-native-isDeviceRooted ( https://www.npmjs.com/package/react-native-is-device-rooted ) but due to manual installation I got errors and started to research on an alternative solution and I got jail-monkey ( https://www.npmjs.com/package/jail-monkey ) and it’s like a charm and below tutorial, I will explain how I do it… Note ❗ Since emulators are usually rooted, you might want to bypass these checks during development. Unless you’re keen on constant false alarms ⏰...

July 23, 2021 · 2 min · Infinitbility

How to get browser details in react

Hello Friends, Welcome To Infinitbility! Introduction Sometimes, we need browser details like browser name, version, os, and etc to store on our database and write code based on browser details. today you will get how to get browser or device detail in react. For get browser details, we are going to use Platform.js ( https://github.com/bestiejs/platform.js ) and check examples to get browser detail like name, version, and os. Let’s start today topic How to get browser details in react programmatically...

July 20, 2021 · 3 min · Infinitbility