Logging in with the Facebook SDK

The first thing we can try in our app is logging in the user. The FBSDK has access to a built-in component called LoginButton that, on press, will send the user to a login screen using a WebView while being within the app. If the login is successful, an access token will be saved for your app to make use of, without you needing to personally track it.

Start by adding the LoginButton snippet found in the FBSDK repository's README to your app's index file. You'll get something like this:

// Friends/index.ios.js 

import React, { Component } from 'react'; 
import { 
  AppRegistry, 
  StyleSheet, 
  View 
} from 'react-native'; 

import { 
  AccessToken, 
  LoginButton 
} from 'react-native-fbsdk'; 

Import the AccessToken and LoginButton modules from the react-native-fbsdk repo, using destructuring notation.

export default class Friends extends Component { 
  render() { 
    return ( 
      <View style={ styles.container }> 
        <LoginButton 
      ...