Knowledge Factory

Congratulations! You are standing in the right place! In this article, we will discuss how to create a simple login form on your local system utilizing the React Native framework and Android Studio. We are going to create a  login form like below, First, you must set up your local development environment. You can follow the below link to set up your local environment.   https://www.knowledgefactory.net/2021/01/react-native-environment-setup-create-demo.html After executing the commands mentioned in this link , a folder with a specified name is created with the following contents. Next, we are going to edit the App.js file and write the code to create a login form Start by importing useState , as shown below. The useState function will allow our functional components to be stateful. import React, { useState } from "react" ; Then initialize the state by integrating the following code. const [email, setEmail] = useState( "" ); const [password, setPassword] = useSt

In this article, we will discuss how to establish your development environment on our local system utilizing React Native framework and Android Studio to build Android Apps. Recently, I decided to explore and use React Native for developing Android Apps. However, as I was establishing my development environment in my system, I ran into a plethora of challenges. Establishing React Native on my system is challenging and requires attention to an abundance of moving pieces, even if you opt to get a sample app up and running on an emulator. Step 1: Install Node.js   To check if  node.js  is installed on your system, type  node -v  in the terminal. This will help you see the version of  node.js  currently installed on your system. knfdev@ladmin-knf:~$ node -v v12.18.4 If it does not print anything, install node.js on your system. To install node.js, go to the homepage,  https://nodejs.org/en/download/  of node.js, and install the package based on your OS. Based on your OS, install the requ