react-native-apple-authentication/index.js

react-native native module for Apple Login

import React from 'react';
import { TouchableOpacity, Text, NativeModules, requireNativeComponent, Platform } from 'react-native';

const { AppleAuthentication } = NativeModules;


export const RNSignInWithAppleButton = requireNativeComponent('RNCSignInWithAppleButton');

export const SignInWithAppleButton = ({ buttonText = '', callBack, buttonStyle = { borderRadius: 5, justifyContent: 'center', alignItems: 'center', backgroundColor: 'black' }, textStyle = { fontWeight: 'bold', fontSize: 18, color: "white", textAlign: 'center', marginTop: 10, marginBottom: 10, marginHorizontal: 20 } }) => {
  if (Platform.OS === 'ios') {
    if (buttonText !== '') {
      return <TouchableOpacity style={buttonStyle} onPress={async () => {
        await appleAuth(callBack);
      }}
      >
        <Text style={textStyle}>
          {buttonText}
        </Text>
      </TouchableOpacity>
    } else {
      return <RNSignInWithAppleButton style={buttonStyle} onPress={async () => {
        await appleAuth(callBack);
      }}
      />
    }

  } else {
    return null
  }

}
const appleAuth = async (callBack) => {
  await AppleAuthentication.requestAsync({
    requestedScopes: [AppleAuthentication.Scope.FULL_NAME, AppleAuthentication.Scope.EMAIL],
  }).then((response) => {
    callBack(response) //Display response
  }, (error) => {
    callBack(error) //Display error
  });
}

export default AppleAuthentication;