rohankangale2011 / react-native-fblogin

Facebook login component using react native

React Native facebook login + Sharing application data using various native features

Facebook login component using react native + Flatlist example

A basic example showing the facebook login using react-native application. Run npm install on the root directory and follow THIS link to setup facebook login in your react native application. Although, you need to do some changes while doing the setup.

1. As per setup, you need to install and link react-native-fbsdk. So instead of react-native install react-native-fbsdk, you should do npm install react-native-fbsdk@0.6.0 --save
2. After installing, you should link it: react-native link react-native-fbsdk
3. after successfull linking, you have to change the react-native-fbdsk's buidl.gradle file(change the facebook android sdk version as it causes issue while building/running the app on emulator). Update compile('com.facebook.android:facebook-android-sdk:4.+') to compile('com.facebook.android:facebook-android-sdk:4.22.1')

Note: You should follow all the steps from the provided link above.

Successfull login will redirect user to another view/screen, displaying a list of data.

Data been displayed using FlatList List been provided with two events:

1. click(onPress): Will display the selected item(movie name)
2. long press(onLongPress): Will open up a dialog for sharing the movie details with various available native features(facebook, whatsApp, skype etc).

Note: The features are the ones installed on your device.