React Native Create Delete Functionality From Scratch

Here are the steps to create and delete functionality in React.js: Step 1: Install React Native. npm install -g react-native-cli To create a new application, type the following command. react-native init rncreate After installing, you must open this application in the two different Simulators. For testing on the iOS simulator, type the following command. react-native … Read more

How to Use Flexbox in React Native

Flexbox is designed to provide a consistent layout on different screen sizes. You will normally use a combination of flexDirection, alignItems, and justifyContent to achieve the right layout. Here are the steps to Use flexbox in React Native: Step 1: Install React Native. Run the following command in a Terminal if you have not previously … Read more

How to Use Tabview in React Native

To use a tabview in React Native, use the “react-native-navigation.” First, we register the different screens using the Navigation object and then define this function startTabBasedApp(params) which contains an object as an argument. Here are the steps to use tabview in React Native: Step 1: Setup React Native For iOS device. Type the following command. … Read more

React Native ScrollView Component

ScrollView is a built-in React Native generic scrolling container that can host multiple components and views. The scrollable items need not be homogeneous, and you can scroll both vertically and horizontally (by setting the horizontal property). In addition, ScrollViews can be configured to allow paging through views using swiping gestures and pagingEnabled props. Swiping horizontally between … Read more

How to Build a React Native App and Integrate It with Firebase

To work with Firebase with React Native, use the Firebase package. The Firebase package provides Firebase.initializeApp() function to initialize Firebase in React Native. It provides the ref() function, which we can chain and use the push() function to add elements to Firebase’s real-time database. Here are the steps to build a React Native App and Integrate … Read more

React Native Drawer Navigation Component

To create a drawer navigator in React Native, use the “react native navigation and toggle-based button.” After this demo project, you can create a drawer toggle based on the button. But first, let us start this React Native Drawer Navigator Example by installing React Native on Mac. Step 1: Install React Native. Install React Native using … Read more

How to Connect React Native Application with Laravel API

To connect React Native app to Laravel, use the “fetch()” API. React Native application works on the front end, and Laravel API works on the back end. To bridge the gap, we use the “fetch()” function to send a network request from React Native application to Laravel’s API server, get the response, and show that … Read more

React Native Navigation: Navigating Between Screens

To create Navigation in React Native, use the “StackNavigator”. The StackNavigator allows our app to transition between screens and manage navigation history. If our app uses only one StackNavigator, it is conceptually similar to how a web browser handles Navigation. The main difference between how this works in a web browser and React Navigation is … Read more