https://github.com/brentvatne/react-native-login
react-native login via native facebook sdk, with a mp4 video background and a linear gradient
https://github.com/brentvatne/react-native-login
Last synced: about 1 year ago
JSON representation
react-native login via native facebook sdk, with a mp4 video background and a linear gradient
- Host: GitHub
- URL: https://github.com/brentvatne/react-native-login
- Owner: brentvatne
- Archived: true
- Created: 2015-03-26T23:42:38.000Z (about 11 years ago)
- Default Branch: master
- Last Pushed: 2015-08-08T07:02:06.000Z (almost 11 years ago)
- Last Synced: 2024-05-02T00:28:42.486Z (about 2 years ago)
- Language: JavaScript
- Homepage:
- Size: 31.1 MB
- Stars: 849
- Watchers: 35
- Forks: 106
- Open Issues: 7
-
Metadata Files:
- Readme: README.markdown
Awesome Lists containing this project
- awesome-gradient - react-native-login - React-native login via native facebook sdk, with a mp4 video background and a linear gradient. (JavaScript)
README
## react-native-login
[Blog post about integrating Facebook SDK with react-native here](http://brentvatne.ca/facebook-login-with-react-native/).
**Deprecation warning**: This is still a useful example to learn how to write native modules and create a login screen, but you should be using [react-native-fbsdk](https://github.com/facebook/react-native-fbsdk) now for a more robust solution to Facebook login.
*Note*: To get this project running, you need to install the [Facebook SDK for iOS](https://developers.facebook.com/docs/ios)!
*Warning*: This project is running on React Native 0.5.0, which is a couple of months old. Pull requests welcome to update to the most recent version!
Check out the example gif below (sorry it's a bit heavy) to see it in action. Note that it is in the simulator so it uses the browser for Facebook auth; it will use the Facebook app if it is available. Video background is implemented with [react-native-video](https://github.com/brentvatne/react-native-video), the gradient for the button with [react-native-linear-gradient](https://github.com/brentvatne/react-native-linear-gradient), and the 'About this project' modal with [react-native-modal](https://github.com/brentvatne/react-native-modal).
*`background.mp4` does not belong to me, I borrowed it from airbnb.com*