This Article Part of React Native Tutorial Series want to start from scrach follow below link https://infinitbility.com/react-native/table-of-contents What is react native? React Native is an open-source mobile application framework created by Facebook, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use React’s framework along with native platform capabilities. Prerequisites To work with React Native, you will need to have an understanding of JavaScript fundamentals and Ecmascript 6....

React Native Tutorial To be able to follow this tutorial, you should be familiar with React and have solid JavaScript knowledge. Even if you do not have previous experience with React, you should be able to follow it. In this tutorial, we will explain some fundamental React concepts. Basics 1. Introduction To React Native 2. React Native Environment Setup using expo 3. React Native Environment Setup for windows 4. React Native Environment setup on Mac OS 5....

Hello Friends, Welcome To Notebility! This article help you to understand Clickjacking, here we will discuss like what is clickjacking, clickjacking prevention, clickjacking attack, and at the end how to prevent clickjacking, and how to test clickjacking. Let’s start today topic What is Clickjacking Vulnerability & Clickjacking attack prevention What is Clickjacking Vulnerability? “Clickjacking” is a subset of the “UI redressing”. Clickjacking is a malicious technique that consists of deceiving a web user into interacting on something different from what the user believes he is interacting on....

Hello Friends, Welcome To Infinitbility! after install yajra getting call_user_func_array() expects parameter 1 to be a valid callback, class ‘Yajra\Datatables\Engines\CollectionEngine’ not found laravel issue Solution 1 Step 1: delete Datatables config file delete your Datatables config file located on your config/datatables.php Step 2: publish yajra DataTablesServiceProvider publish your yajra DataTablesServiceProvider using below cammand php artisan vendor:publish --provider=Yajra\DataTables\DataTablesServiceProvider Solution 2 Sometimes issue arive when developer not use ->make(true) after using ->addColumn...

Hello Friends, Welcome To Repairbility! are you getting warning! Halt on KB and warning! Halt on Mouse issue on your laptop or desktop? follow the below steps carefully to solve the issue. Step 1 Go your BIOS setting Press the delete button to go to the bios setting. when your delete button not redirecting to BIOS try the F2 button F2 button set for many computers to redirect to BIOS then please try both buttons...

Hello Friends, Welcome To Infinitbility! Many time we get cors issue when we are developing a website. like below Access to fetch at ‘http://dummy.restapiexample.com/api/v1/create' from origin ‘http://localhost:300’ has been blocked by CORS policy: Request header field content‑type is not allowed by Access‑Control‑Allow‑Headers in preflight response. I try many extensions, adding mode: cors, and added Access‑Control‑Allow‑Headers on the server but my issue not solved, then I try the “CORS” extension, and my cors issue resolve....

Hello Friends, Welcome To Notebility! What is an Authentication Bypass? Introduction Applications require some credentials for example Username, Email, Password, etc. To get access to the system. In general, authentication bypass is the vulnerable point from where attackers gain access to the system and they gain access to the user’s private information. they do whatever they want. they may block the users or they use the information in other ways....

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 firebase crashlytics 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 from user phone but if 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. 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/datetimepicker instead. 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....

Hello Friends, Welcome To Infinitbility! Many times we want to know the current route name & index for different purposes. here we the simplest way to get the current route name from react-navigation. You get the below example to get the current index & current route name. // for current index let index = this.props.navigation.state.index; // for current route name let routeName = this.props.navigation.state.routes[index].key; For React, navigation v5 Users have the option to get the current route name using useRoute()....

Hello Friends, Welcome To Infinitbility! Python is an interpreted language so it is slower than a compiled language by default. Consider this idea. There are three people. One speaks English. One speaks Spanish One speaks English and Spanish The Englishman writes a book but to read that book the Spanish person has to ask the translator to read the book to him line by line. It takes time but by the end the Spanish person has read the book....

Hello Friends, Welcome To Infinitbility! How to Check if value exists in array using indexOf for javascript and in_array for php. we are going to discuss today’s topic “How to find and specific item on an array without loops in javascript and PHP.” Let’s begins with Javascript JavaScript Javascript provides indexOf function to find value from an array Understand with an example //indexOf example var fruits = ['Banana', 'Blackcurrant', 'Blueberry', 'Chili pepper', 'Cranberry', 'Eggplant', 'Gooseberry']; // You get their index ( Key ) var index = fruits....

Hello Friends, Welcome To Infinitbility! You are facing busybox initramfs error on ubuntu. it’s an error that occurs due to file system error on ubuntu. follow some steps to solve ubuntu initramfs error Step 1: Type exit command $ exit Step 2: Modify your file structure using below command $ fsck /dev/sda $ fsck /dev/sda1 $ fsck /dev/sda2 $ fsck /dev/sda3 $ fsck /dev/sda4 Step 3: above any command want permission then press simply y Step 4: after modifying the structure of a file system reboot Some cases work exit instead of reboot exit Thanks for reading…

Hello Friends, Welcome To Infinitbility! If you are stuck calling function from another controller, relax you will definitely get a solution from this article. If you want to use controller function please follow the business logic structure of laravel. sometimes it’s the reason of memory leak and security issue. I will never recommend using this method on your project. here I will share two controllers to easily understand the calling a function from another controller....

Hello Friends, Welcome To Infinitbility! If you want to customize your pagination view and want to understand the flow of Laravel pagination then you are right place. For creating Pagination in Laravel You have to know the basics structure of MVC Pattern. For Custom Pagination added skip 5 pages example Create Route for pagination view in web.php <?php use Illuminate\Support\Facades\Route; /* |-------------------------------------------------------------------------- | Web Routes |-------------------------------------------------------------------------- | | Here is where you can register web routes for your application....

Hello Friends, Welcome To Infinitbility! The simplest way of scroll to position in react native using ScrollView ref. Introduction The simplest way of auto-scroll store scrolled position on our state and use in the vertical and horizontal auto-scroll. but how it is possible auto-scroll in react native? for auto-scroll, we are use scrollView as a ref, and ScrollView provides scrollTo function for scrolling on any position in a scroll view....

Hello Friends, Welcome To Infinitbility! React Native SQLite is a library that implements a self-contained, serverless, zero-configuration, transactional SQL database engine. SQLite is the most widely deployed SQL database engine in the world. The source code for SQLite is in the public domain. Installation SQLite is famous for its great feature zero-configuration, which means no complex setup or administration is needed. Create a New Application $ npx react-native init SQLite $ cd SQLite $ cd android $ gradlew clean Run Your Project...

Hello Friends, Welcome To Infinitbility! Many times icons not align properly with text in react native, in this article, we are learn how to align icon with text. here sharing example flexDirection: ‘row’ use for show content in a row justifyContent: ‘center’ use for aligning vertically alignItems: ‘center’ use for aligning horizontally {/* 1. flexDirection: 'row' use for show content in a row 1. justifyContent: 'center' use for aligning vertically 2....