Facebook Login Using Exponent React Native

Need some help guys currently using exponent and accessing Exponent.Facebook.logInWithReadPermissionsAsync for authentication. Each has a guide to set up a project. I can't find the iOS folder as in the facebook sdk instructions I need to add multiple libraries to the project. Here's my main.js:

import Expo from 'expo';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { Button } from 'react-native-elements';

class App extends React.Component {

  authenticate = (token) => {
    const provider = firebase.auth.FacebookAuthProvider;
    const credential = provider.credential(token);
    return firebase.auth().signInWithCredential(credential);
  }

  login = async () => {
    const ADD_ID = 273131576444313
    const options = {
        permissions: ['public_profile', 'email'],
    }
    const {type, token} = await Expo.Facebook.logInWithReadPermissionsAsync(ADD_ID, options)
    if (type === 'success') {
        const response = await fetch(`https://graph.facebook.com/me?access_token=${token}`)
        console.log(await response.json());
        this.authenticate(token);
    }
}

  render() {
    return (
      <View style={styles.container}>
        <Text>Open up main.js to start working on your app!</Text>
        <Button
          raised
          onPress={this.login}
          icon={{name: 'cached'}}
          title='RAISED WITH ICON' />
      </View>
    );
  }

}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

Expo.registerRootComponent(App);

      

`

+5


source to share


2 answers


Try putting single quotes around APP_ID



+4


source


const response = pending retrieval ( https://graph.facebook.com/me?fields=id,name,email,birthday&access_token= $ {token});



how to get a contact number?

0


source







All Articles