/RN-login-register-screen

Usage of login / sign-in screen with register / sign-up and forget password screen for authentication in react-native with navigation and Async local storage of input values

Primary LanguageJavaScriptMIT LicenseMIT

RNSignInUpscreen

RNSignInUpscreen is the 3rd session build for showing the implementation of Signin and Signup screen in modern apps with stack navigator

RNSignInUpscreen demo

Note:

  1. Arch Linux with VS-Code, thus support focused on Android App
  2. Extensions: React Native Tools , React-Native Snippets , Prettier
  3. Device run instead of SDK-build using Vysor

Installation

Clone the source locally:

$ git clone https://github.com/aryaminus/RN-login-register-screen
$ cd RN-login-register-screen

Start the application in development mode

npm install
react-native link
react-native run android

or for VS-Code:

npm install
react-native link

then press F1 or Fn+F1 and React Native:Run Android on Device

Else Follow Code.txt and Youtube

Packages:

react-navigation

Installation

Follow Code.txt and Working.png

Major Properties:

  • To hide navabr in certain component & back option in final screen
  • To using different properties of TextInput and moving cursor from 1 field to other with returnkeytype and hiding password using secureTextEntry
  • To store the input fields locally using Asyncstorage (server integration in next sessions)

Working demo

Contributing

  1. Fork it (https://github.com/aryaminus/RN-login-register-screen/fork)
  2. Create your feature branch (git checkout -b feature/fooBar)
  3. Commit your changes (git commit -am 'Add some fooBar')
  4. Push to the branch (git push origin feature/fooBar)
  5. Create a new Pull Request