React Native

We will build a simple functionality where users can add and remove client-side places. It does not affect the server side because there is no backend. But you will learn how to create simple clientside and create and delete the data in the application. We will test both on Android and iOS Simulators. React Native … Read more

Working with flexbox layout can be tricky, especially in React Native. React native component uses flexbox to design its children. Related Post: Beginners Guide To Create React Native Application React Native Flexbox Flexbox in React Native works the same way in CSS on the web, with a few exceptions. First, the defaults are different, with flexDirection defaulting to … Read more

Recently I needed tabbed navigation for a React Native app I’m working on. So in this example, I will show you how you can create a tab navigation system in React Native. React Native Tab View To create a tab view in React Native, use the react-native-navigation. First, we register the different screens using the … Read more

A ScrollView in React Native with a single item can allow the user to zoom content. For example, set up a maximumZoomScale and minimumZoomScale props, and the user will be able to use pinch and expand gestures to zoom in and zoom out. React Native ScrollView The ScrollView is a built-in React Native generic scrolling container that … Read more

I was initially skeptical about Firebase, but after using it, it seems like it may be able to speed up widespread mobile and web app development. In a traditional mobile or web app, progress when you’re building something other. React Native Firebase To work with Firebase with React Native, use the firebase package. The firebase package provides Firebase.initializeApp() … Read more

React Native Navigation is a robust library that helps us create Navigation between different screens, Drawer Navigation, and Tab navigation in our React Native apps. We also use Ionicons to display the icons on the screen.  React Native Drawer Navigator To create a drawer navigator in React Native, use the react native navigation and toggle-based button. … Read more

In this application tutorial, I have described How To Connect React Native Application With Laravel API. I am using the iOS Simulator for this example. How to Connect React Native Application to Laravel To connect React Native app to Laravel, use the fetch() API. React Native application works on the front end, and Laravel API works … Read more

React Native Navigation is a native navigation implementation, not a JavaScript-based implementation. Instead, react-navigation is born from the React Native community’s need for an extensible yet easy-to-use navigation solution written entirely in JavaScript on top of robust native primitives. In React.js, we have used the react-router-dom library to route the components. For a React Native … Read more