All Projects → dwicao → React Native Login Screen

dwicao / React Native Login Screen

React Native Login Screen

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to React Native Login Screen

Ocean-blue-GDM3
Ocean Blue GDM3 theme for ubuntu
Stars: ✭ 27 (-94.59%)
Mutual labels:  login, screen
Nativelogin
Authorization form in native iOS style
Stars: ✭ 140 (-71.94%)
Mutual labels:  login, native
Ruby Fann
Ruby library for interfacing with FANN (Fast Artificial Neural Network)
Stars: ✭ 425 (-14.83%)
Mutual labels:  native
Cloudfront Auth
An AWS CloudFront [email protected] function to authenticate requests using Google Apps, Microsoft, Auth0, OKTA, and GitHub login
Stars: ✭ 471 (-5.61%)
Mutual labels:  login
Gbt
Highly configurable prompt builder for Bash, ZSH and PowerShell written in Go.
Stars: ✭ 457 (-8.42%)
Mutual labels:  screen
Awesome Android Performance
🏆Explore Android performance optimization in depth(continuous updating ...)
Stars: ✭ 433 (-13.23%)
Mutual labels:  native
Pyto
Python IDE for iOS with NumPy, Matplotlib, Pandas, SciPy and SciKit-Learn
Stars: ✭ 459 (-8.02%)
Mutual labels:  native
Scala Native
Your favorite language gets closer to bare metal.
Stars: ✭ 4,053 (+712.22%)
Mutual labels:  native
Lilith
Lilith, The Open Source C++ Remote Administration Tool (RAT)
Stars: ✭ 493 (-1.2%)
Mutual labels:  native
React Native Animated Charts
Set of components and helpers for building complex and beautifully animated charts
Stars: ✭ 443 (-11.22%)
Mutual labels:  native
One Nio
Unconventional I/O library for Java
Stars: ✭ 469 (-6.01%)
Mutual labels:  native
Buji Pac4j
pac4j security library for Shiro: OAuth, CAS, SAML, OpenID Connect, LDAP, JWT...
Stars: ✭ 444 (-11.02%)
Mutual labels:  login
Sketchcachecleaner
💻 Sketch Cache Cleaner - Deletes hidden Sketch history files that can take a lot of space on your hard drive and that you would probably never use.
Stars: ✭ 435 (-12.83%)
Mutual labels:  native
Vue2 News
基于vue2 + vue-router + vuex 构建的一个新闻类单页面应用 —— 今日头条(移动端)
Stars: ✭ 462 (-7.41%)
Mutual labels:  native
Qt Nice Frameless Window
Qt Frameless Window for both Windows and OS X, support Aero Snap, drop shadow on Windows, and support Native Style such as round corner, drop shadow on OS X. Based on QMainWindow.
Stars: ✭ 430 (-13.83%)
Mutual labels:  native
Facebooc
Yet another Facebook clone written in C
Stars: ✭ 483 (-3.21%)
Mutual labels:  native
Advanceddlsupport
Delegate-based C# P/Invoke alternative - compatible with all platforms and runtimes.
Stars: ✭ 419 (-16.03%)
Mutual labels:  native
React Native Login
📱 An example React Native project for client login authentication
Stars: ✭ 438 (-12.22%)
Mutual labels:  login
Mons
POSIX Shell script to quickly manage monitors on X
Stars: ✭ 457 (-8.42%)
Mutual labels:  screen
Red
Red is a next-generation programming language strongly inspired by Rebol, but with a broader field of usage thanks to its native-code compiler, from system programming to high-level scripting and cross-platform reactive GUI, while providing modern support for concurrency, all in a zero-install, zero-config, single 1MB file!
Stars: ✭ 4,725 (+846.89%)
Mutual labels:  native

react-native-login-screen

demo

Todo

  • [x] Make circle grow on Android more smooth
  • [x] Add animation on press back
  • [x] Add back button
  • [x] Fix circleGrow on Android
  • [x] Animated API
  • [x] Navigator (react-native-router-flux)

Install at local

Open Terminal, then type command:

git clone https://github.com/dwicao/react-native-login-screen.git

Go to project folder :

cd react-native-login-screen

Type following command :

npm install

You must have ANDROID_HOME environtment variable, to check if you already have, type in your terminal :

echo $ANDROID_HOME

If blank, you can read at HERE

Make sure you have already installed React Native globally by running this command :

sudo npm install -g react-native-cli

At this point, you should be able to run the project. To run your project on your device/emulator at Debug configuration, type :

npm run android-dev

Or if you want to run at iOS simulator, run:

npm run ios-dev

If you have error message like Execution failed for task ':app:dexDebug'. run this on your terminal :

npm run android-clean

To build .apk file just type :

npm run android-release

You must sign .apk with keystore, to do this just type in your terminal :

npm run android-signer

The .apk file is located at react-native-login-screen/android/app/build/outputs/apk/app-release-unsigned.apk

Available Command

npm run ... Description
adb-reverse Reset port ADB to tcp:8081
ios-dev Run iOS project with Simulator set to "iPhone 5"
ios-bundle Bundle with entry file index.ios.js
ios-build Run ios project with “Release” configuration
android-clean Fix building android if preDexDebug error
android-build-debug Build android .apk with “Debug” configuration
android-release Build android .apk with “Release” configuration
android-signkey Generate keystore android
android-signer To sign app-release-unsigned.apk with random keystore
android-dev Run android development-mode on simulator
android-bundle Bundle with entry file index.android.js

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].