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....

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....

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 ⏰...

Hello Friends, Welcome To Infinitbility! This article will help you to write validation in react native because hear I’m going to share my custom validation code to validate form with codebase examples. Today we create form something like login and implement validation in the form to learn validation in react native. Let’s start today article React Native Validation Example We will create a login form with username, and password input and validation when user clicks on submit button, we will add some required validation and if any validate then we will show the message on the user screen let’s understand with an example....

Hello Friends, Welcome To Infinitbility! Sometimes, we need regex to validate user details like some patterns for example Email validation, phone number validation and many things. Now, we are going to use regex in react native email validation. Let’s start today article React Native Regex What is regex? A regular expression is a sequence of characters that specifies a search pattern. Usually such patterns are used by string-searching algorithms for “find” or “find and replace” operations on strings, or for input validation....

Hello Friends, Welcome To Infinitbility! Sometimes, we need to add multiple style in react native element to use common styles. we are going to learn how to add multiple styles in react native using some basics commponent of react native. let’s start today article React Native Multiple Styles Example For adding multiple styles in react native we have to use styles as a array, something same like below style props....

Hello Friends, Welcome To Infinitbility! This article will help you to use border color in react native, here we will discuss and understand example of React Native borderColor prop. We are going to learn how to use borderColor in react native and how to provide color on specific border of box. Basically, React Native provide borderColor to show color on border and manage border color. Let’s start today article borderColor in React Native...

Hello Friends, Welcome To Infinitbility! This article will help you to use border radius in react native, here we will discuss and understand example of React Native borderRadius prop. We are going to learn how to use borderRadius in react native and how to round any specific corner of box. Basically, React Native provide borderRadius to make corner round something like squre bracket [] to parenthesis (). Let’s start today article borderRadius in React Native...

Hello Friends, Welcome To Infinitbility! This article will help you to use border width in react native, here we will discuss and understand example of React Native borderWidth prop. We are going to learn how to use borderWidth in react native and how to provide width on specific border of box. Basically, React Native provide borderWidth to show border on box and manage width border. Let’s start today article borderWidth in React Native...

Hello Friends, Welcome To Infinitbility! This article will help you to create a functional component in react-native. Here, I will share the functional component example structure for your reference. We are clear below some basic topics in this article How to create a functional component how to create functions in functional component How to create a state in functional component How to use a functional component in class component Let’s start today topic React Native Functional Component Example...

Hello Friends, Welcome To Infinitbility! This article will you to exit your react native application programmatically when you use react-navigation for managing routes you get the inbuild feature back press exit application from the first route but many times we want to close the application when we want. React native not provide any exit functionality for react native ios application but we have BackHandler for android, and today you get an example of BackHandler, how to use BackHandler in react native application....

Hello Friends, Welcome To Infinitbility! This article will help you to create textarea in react native, React Native not privde any specfic component to make textarea in react native, but react native provide textinput component to manage textarea. In this article, you will get how to make textarea in react native and how to decide height of textarea. Let’s start today article Textarea in React Native React Native provide two props in textinput component to make textarea in react native....

Hello Friends, Welcome To Infinitbility! This article will help you to get screen width and height in react native, in react native for responsiveness we need many times screen with and heght. Let’s start today’s article React Native Dimensions Example React Native provide Dimensions component to get and manage screen width and height. React Native Dimensions Example article will clear your below topics. How to get screen width and height in react native How to get updated width and height when device rotate in react native or other cases....

Hello Friends, Welcome To Infinitbility! This article will help you to delete your file in react native using react-native-fs library. Here, we are use react-native-fs library to check file available or not and delete file. Let’s start today’s topic How to delete file in react native react-native-fs provide unlink component to delete file available or not it will throw error and it works on both platform (android, and iOS). unlink(filepath: string): Promise<void>...

Hello Friends, Welcome To Infinitbility! This article will help you to check your file exist or not in react native using react-native-fs library. Here, we are use react-native-fs library to check file available or not. Let’s start today’s topic How to check file is exist or not in react native react-native-fs provide exists component to verify file available or not in device it works on both platform (android, and iOS)....

Hello Friends, Welcome To Infinitbility! This article based on my research, when I started working on-screen recording I found the RPScreenRecorder microphone not work after the screen recorder started. Here, I will share what I got and what I’m planning to solve this issue. I tried every possible solution I get on the web but no chance. We know the Replaykit package maintained by the Apple developer but the microphone mute and unmute after screen recording is still in future improvements....

Hello Friends 👋, Welcome To Infinitbility! ❤️ After build archive, Xcode auto open Archive list but this article will help you to open Archive list using xcode. Let’s start today topic How to open Archive build list in Xcode Xcode Provide organizer menu to open Archive build list. Organizer Path Xcode Menu -> Window -> Organizer Organizer Short Cut Option + Shift + Command + O Thanks for reading… May be you are looking for it...

Hello Friends 👋, Welcome To Infinitbility! ❤️ When you trying to upload IPA more then one time in App Store using Xcode archive, and you didn’t change Marketing version at building project archive then you definitely get below error when you start uploading ipa to App Store. ERROR ITMS-90189: “Redundant Binary Upload. You’ve already uploaded a build with build number ‘24’ for version number ‘1.0.1’. Make sure you increment the build string before you upload your app to App Store Connect....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article help you to solve **Build failed after update Xcode 12.5 beta Cannot initialize a parameter of type ‘NSArray> ’ with an rvalue of type ‘NSArray ’ and no matching function for call to ‘rctbridgemodule name for class’ problems getting after update xcode to 12.5. Let’s start today topic Build failed after update Xcode 12.5 This isssue is resolved when you update react native version but if you want to solve on your current version then you have add below code on your Podfile....

Hello Friends, Welcome To Infinitbility! This article helps you to use SVG icons in your react native, here you will see two different ways to use SVG icons in react native. For render SVG we are going to use react-native-svg package. Let’s start today topic React native SVG Or how to use svg in react native Table of content Installation SvgUri SvgXml Installation Follow below steps to install react native svg in react native....