React Native

Hello Friends, Welcome To Infinitbility! This article provides an example to create autocomplete or suggestion list in react native, here we use FlatList and TextInput to make autocomplete textinput or suggestions textinput. Let’s start today topic React native autocomplete Or how to add autocomplete in react native TextInput We are use React Native TextInput to search and change autocomplete list to suggest most match value, here textinput use to filter autocomplete list....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article help you to debug your swift code many times we are write print() in swift but we don’t where we get logs. Let’s start today topic How to debug swift code in react native xcode Or how to check logs of swift in xocde Follow below points’ to debug your swift code. open your project.xcodeworkspace file. clean build folder and run your application after successfully launch your clicked icon ( mark in below image ) After click you will see something like below image you will see all your swift print logs marked on big rectangle area marked on image Thanks for reading…...

Hello Friends, Welcome To Infinitbility! we need to check internet connection before call api in react native and today we are going to learn how to check internet connection and if not available then show error No Internet Connection. This article help you to manage internet connection on your react native application. here you will get code snipest to know internet available or not in user phone. React Native provide netinfo package to handle internet but it’s now move to react native netinfo package ( https://github....

Hello Friends 👋, Welcome To Infinitbility! ❤️ In this article, you will solve your Task :app:transformDexArchiveWithDexMergerForDebug FAILED issue in your application. If your methods + your dependencies method greater then 64k+ methods then your react native throwing DexMerger error. Follow some simple steps you absolutely solved this error. Step 1: Enable MultiDex Dir - Project/Android/app/build.gradle android { defaultConfig { ... minSdkVersion 15 targetSdkVersion 28 multiDexEnabled true // add this line } ....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React Native video provides the functionality to play video in your react native application with native controls but not supported in iOS i.e devs search about video control library or custom control. many devs choose to a react native video player or react native video control for show controls on video but in this article, we will implement our own video controls for both platforms (android, ios)....

Hello Friends 👋, Welcome To Infinitbility! ❤️ this article explain run react native project using xcode and provide good practice to use xcode. Steps go to your project/ios and click on project.xcodeworkspace. ( after click project open on xcode like provided image ) select your desired simulator ( mearked on image ) Find product tab in xcode menu. first clean your build folder ( product->clean build folder ) click on run ( product->run ) Thanks For Reading…...

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article explains how to test react native ios apps using Xcode. we have to change some configuration for testing in release mode and the below steps explain configuration changes with a screenshot. Steps open xcode menu and click on Product tab. Select Schema -> Edit Schema Select Run tab and change build configuration Debug to Release Select your appropriate simuletter, Clean build follder your project, and Run your application....

Hello Friends 👋, Welcome To Infinitbility! ❤️ You are seeing multiple times ‘Daemon will be stopped at the end of the build after running out of JVM memory’ and ‘Expiring Daemon because JVM heap space is exhausted’ then you need to improve your JVM heap memory. Follow the below steps and crack your error. Solution 1 Step 1: Increase Your Heap Size Add dexOptions in your android/app/build.gradle android { ... dexOptions { javaMaxHeapSize "4g"infinitbility.github.io } ....

Hello Friends 👋, Welcome To Infinitbility! ❤️ In this article, we create react native application to select and upload videos from the user’s library. We use react native image picker to select video from user gallery.infinitbility.github.io Table Of Content Create React native application Install react native image picker implement select video from the user library upload a video using fetch complete Example to select & upload video in react native Let’s start with create react native application...

Hello Friends 👋, Welcome To Infinitbility! ❤️ Getting error TypeError Network request failed in android, ios, or with SSL server then read all below cases.infinitbility.github.io In this article, we solve 3 cases of network request failed issue in react-native but your condition does not match with the below mention cases then comment below on the article. Case 1: http url not working in android if you are trying to call HTTP ( unsecured ) url then you have to add usesCleartextTraffic to your AndroidManifest....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React native render HTML provides the feature to render anchor tag or link in your HTML content but you want the liinfinitbility.github.iohen you have to some extra stuff. We know when we want to open any link from react native app we use react native linking to redirect the app to the browser and open the URL. So, we have to do the same thing here also for open URLs or you want to click on the link....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React Native image picker launchimagelibrary doesn’t open image gallery when click second time in iOS. The below Solution only work for those users who calling launchimagelibrary function from the modal Issue criteria launchimagelibrary working first time onlyinfinitbility.github.io Solution Call launchimagelibrary function after close modal + 1 second delay. delay example delay = (ms) => new Promise((res) => setTimeout(res, ms)); launchimagelibrary example async selectUmage () { await this....

Hello Friends 👋, Welcome To Infinitbility! ❤️ In this article, You already familiar with every command I have shared the article but the purpose article is toinfinitbility.github.ioommands in a single article. For Windows users, 🔖 bookmark this article then you do not need to write a command every time. ( windows cmd can’t ❌ save the history of commands ) Let’s start today topic “React Native commands you need almost every day”...

Hello Friends, Welcome To Infinitbility! You react native image component not rendering images in iOS 14 then you have to change react-native nodeinfinitbility.github.ioatch packages. Here, I don’t recommend changing your node_modules because you may forget to change when setup another machine or in deployment. patch packages solution get from GitHub after hours of scrolling & researching. In this article, I am sharing solutions to solve the image rendering issue using patch packages....

Hello Friends, Welcome To Infinitbility! Many times we use react native material dropdown to show picker but when we use multiple dropdowns on the same screen getting the issue of click. click issues arise due to some time scrollview or sometimes textinput. Solution 1 when you have multiple dropdowns and facing twice click issueinfinitbility.github.io add below attribute on your dropdown element. <Dropdown ... keyboardShouldPersistTaps={'always'} /> Solution 2 when you have getting issue after come from textinput....

Hello Friends, Welcome To Infinitbility! This tutorial is part of React Native Firebase crashlytics Series. React Native Firebase crashlytics In android React Native Firebase crashlytics In iOS Today, we implement react native infinitbility.github.ioics on android. Many Folks, stuck on firebase crashlytics setup then please read and follow all steps carefully… What is Firebase Crashlytics Firebase Crashlytics helps you track, prioritize, and fix stability issues that erode app quality, in realtime....

Hello Friends, Welcome To Infinitbility! React native SQLite & React native SQLite storage provide an option (SQLite.deleteDatabase) to delete db file frominfinitbility.github.iof you call SQLite.openDatabase for deleted db then db file re-creates on user phone. if you want to completely remove the database then you have to delete the database from your project before the build. SQLite.deleteDatabase use for deleting previous used database from users mobile....

Hello Friends, Welcome To Infinitbility! React Native provide <image /> component for adding image statically or dynamically for your app. Today we see how to add static, dynamic, and data:base64 images.infinitbility.github.io For importing image component from react native write like below. import { Image } from 'react-native'; Table of Contents Static Image example Dynamic Image example Data Image example Static Image React Native provides a unified way of managing images and other media assets in your Android and iOS apps....

Hello Friends, Welcome To Infinitbility! DatePickerAndroid provide by react native you don’t need to install packages for it. for import DatePickerAndroid from react native import { DatePickerAndroid } from 'react-native'; DatePickerAndroid Deprecated. Use @react-native-community/datetimepickeinfinitbility.github.io To show date picker in react native call below function on your code // call function for show date picker async openDatePicker(){ try { const { action, year, month, day } = await DatePickerAndroid.open({ // Use `new Date()` for current date....