Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial help you to enable and disable debug mode in laravel, here you will get two ways to enable and disable debug mode in laravel. Laravel provide app debug mode feature for check errors and in your application code, it help us to know what is a error and where it is? but some time we want disable debug mode because it’s reveal credentials mainly in production and in stage environment....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to verify your object empty or not in javascript, here we will see examples of check empty object in Ecma 5, Pre-ECMA 5, jQuery, lodash, Underscore, Hoek, ExtJS, AngularJS (version 1), and Ramda. Let’s take example of empty object. const emptyObject = {}; Before going to check empty object, if want verify data is a object or not then you option to use javascript typeof keyword....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help to get file details like file name, file type, file created date, file last modified date, and file size in react native with example. Here we use react-native-fs package ( https://github.com/itinance/react-native-fs ) to check file details. Introduction React Native FS provide stat() function to get file details and will return Promise with file details of name, path, ctime, mtime, size, and mode....
Hello Friends 👋, Welcome To Infinitbility! ❤️ Manytimes for analytics we have to calculate time difference between user start using feature and user end using feature. We have to both date object and using getTime() function take both date time and subtract time2 to time 1. In below example, First we create two objects and store in variable and when we substract dates and divide by 1000 then we will get difference in seconds....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect screen lock ( pin, password, pattern, and fingerprint ) set or not in device, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection of screen lock. Introduction React Native device info provide isPinOrFingerprintSet() function to detect pin, password, pattern, and fingerprint lock set or not it will return only true or false. isPinOrFingerprintSet() function work in ios, android, and windows platform....
Hello Friends 👋, Welcome To Infinitbility! ❤️ Invalid command ‘Header’, perhaps misspelled or defined by a module not included in the server configuration Action ‘configtest’ failed. This tutorial will have to solve Invalid command 'Header', perhaps misspelled or defined by a module not included in the server configuration Action 'configtest' failed apache issue getting. When you added new header and try to restart your apache server but now your server not starting and getting error....
Hello Friends 👋, Welcome To Infinitbility! ❤️ Sometimes, we have to write diffrent code for tablet but React Native haven’t any native package to know application open in tablet or not. This tutorial will help you to detect when your react native app open in tablet, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detect android is tablet or normal phone. Introduction React Native device info provide isTablet() function to detect android is tablet or normal phone it will return only true or false....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to make your react native application rotation lock. here we will learn how lock orientation in react native for ios, and android both. React Native provide orientation handler but default it will depend upon phone ( auto rotate or not ). but when mantion your application orientation in your project every time it will open on same orientation mode, it will no longer depend on user orientation settings....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to solve your recorded video seekable issue, and also how we create seekable recorded video using RecordRTC and ts-ebml. If you are using RecordRTC for screen recording and geting issue seek bar when you play recorded video. Let’s solve this issue. ts-ebml ( https://www.npmjs.com/package/ts-ebml ) help to RecordRTC recorded make video seekable. let’s install it npm install ts-ebml --save below code is help you to make Seekable Blob, add in your code....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will provide complete example and guide to related Textinput keyboardType in react native, Here you will get how to set or change keyboardType in react native, How many types of keyboard available with screen shot examples. Let’s start today topic keyboard type in react native React Native TextInput component provide keyboardType props to change keyboard type view. We will pass all below input example in keyboardType props...
Hello Friends 👋, Welcome To Infinitbility! ❤️ To get data or value from object, use . ( dot ) it will help you to access property from object. for example const data = { id: 1, name: "Taj Hotel", }; console.log(data.name) // Taj Hotel This tutorial helps you to understand how to use objects and arrays to your react native code. Today we take some JSON and array data and show their data one by one in React native also take some mixed JSON and array....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial help to change structure of your json to array, many times we get unstructured data from api response then we have to do re structure data in react native. Today, we are going to learn how we can change schema of json data and also how we can convert json data to array. First start from, how we can change json key name in react native....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to make password textinput in react native, where also some basics question will be clear like how to hide password, show asterisks instead of password, and how to styles password input. For making Password TextInput react-native text input provide secureTextEntry={true} flag if it is true TextInput show asterisks instead of text or when it is false it will show text normally and its default value is false....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will be help you to make text justify in your react native application. Here you will get textAlign justify example and if not working then alternative solution. React Native provide textAlign style to make to make text justify but it’s works in iOS, and android 8.0 ( Oreo ) or above (API level >= 26). The value will fallback to left on lower Android versions....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to implement textinput in react native, where you can get example of save value from text input and show to users screen. When we want data from users like their detail then we need text input where user can write detail. React Native provide TextInput to show input area and today we will how to use user entered data in react native, like save in state and show to user screen and others thing...
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to force re-render in your react native application, here we will see how many ways to re-render components in react native and how to force re-render in react native for example. As we know, React Native auto re-render content when any state change, any props change, or we have also an option to force update. If your issue solves using the first ( state change ), and second ( props change) method then I will recommend don’t go with forceUpdate() method....
Hello Friends 👋, Welcome To Infinitbility! ❤️ When you develop react native application, many times you will need to filter data and show filtered data to the user. now we are going to see how we can filter data in react native. As we know, React native uses javascript codebase and javascript provides a filter() function to filter array and JSON and return only those data which match your condition in filter time....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to manage textinput focus programmatically in react native, here you will get an example of how we control text input auto-selection using code, we can auto show selected or focus input or whenever we can change user focus to another textinput. Let’s start today topic How to focus textinput in react native React Native textinput provide the option to blur and focus any textinput but for use those function we have to create ref for it....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to encode your URL in react native, we know react-native javascript codebase and javascript provide two methods to encode URL encodeURI() and encodeURIComponent(). Depending on what you need to do, there are 2 JavaScript functions that will help you. The first is encodeURI(), and the second is encodeURIComponent(). Note: you might read about escape(), but that is deprecated and should not be used....
Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial is based on React Native base64 ( https://www.npmjs.com/package/react-native-base64 ) package where we can try to encode and decode base64 string in react native. Let’s first install the react-native-base64 package on our react-native. npm install --save react-native-base64 After installing react-native-base64 we will try to use it in our react native application. base64 encode in react native On Below example, we are imported react-native-base64 and created function to encode string in base64 using base64....
