npx react-native init exampleLogin --template react-native-template-typescript

cd exampleLogin

npm install --save react-native-fbsdk-next

cd ios && pod install

import React, {useEffect, useState} from 'react';
import {LoginManager, Profile} from 'react-native-fbsdk-next';
import {Text, View, StyleSheet, TouchableOpacity, Image} from 'react-native';
import FBProfile from 'react-native-fbsdk-next/lib/typescript/src/FBProfile';

function LoginWithFacebook() {
  const [me, setMe] = useState<FBProfile | null>(null);

  useEffect(() => {
    getFacebookProfile();
  }, []);

  const getFacebookProfile = async () => {
    const currentProfile = await Profile.getCurrentProfile();
    setMe(currentProfile);
  };

  const handleLogin = async () => {
    const result = await LoginManager.logInWithPermissions(['public_profile']);
    const isLoginSuccess = result.isCancelled === false;

    if (isLoginSuccess) {
      getFacebookProfile();
    }
  };

  const handleLogout = () => {
    LoginManager.logOut();
    setMe(null);
  };

  return (
    <View style={styles.sectionContainer}>
      <View style={styles.container}>
        <Text style={styles.header}>Facebook Login React Native Example</Text>

        {!me ? (
          <TouchableOpacity onPress={handleLogin} style={styles.facebookButton}>
            <Text style={styles.labelFacebookButton}>Login with Facebook</Text>
          </TouchableOpacity>
        ) : (
          <View style={styles.section}>
            <Image
              source={{uri: me?.imageURL ?? 'defaultImageURI'}}
              style={styles.imageProfile}
            />

            <View style={styles.mt10}>
              <Text style={styles.label}>
                {me.firstName} {me.lastName}
              </Text>
            </View>

            <TouchableOpacity
              onPress={handleLogout}
              style={styles.facebookButton}>
              <Text style={styles.labelFacebookButton}>Logout</Text>
            </TouchableOpacity>
          </View>
        )}
      </View>
    </View>
  );
}

const styles = StyleSheet.create({
  sectionContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  container: {
    width: '90%',
  },
  section: {
    marginTop: 10,
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
  },
  header: {
    fontSize: 22,
    fontWeight: '800',
  },
  label: {
    fontSize: 18,
    fontWeight: 'bold',
  },
  mt10: {
    marginTop: 10,
  },
  facebookButton: {
    width: '100%',
    marginTop: 20,
    borderRadius: 5,
    padding: 10,
    backgroundColor: '#3B5998',
    alignItems: 'center',
  },
  labelFacebookButton: {
    color: 'white',
    fontSize: 14,
    fontWeight: 'bold',
  },
  imageProfile: {
    width: 120,
    height: 120,
    borderRadius: 60,
    borderColor: 'black',
    shadowColor: 'black',
  },
});

export default LoginWithFacebook;

#import <FBSDKCoreKit/FBSDKCoreKit-swift.h>

[[FBSDKApplicationDelegate sharedInstance] application:application
    didFinishLaunchingWithOptions:launchOptions];

- (BOOL)application:(UIApplication *)app
            openURL:(NSURL *)url
            options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
{
  return [[FBSDKApplicationDelegate sharedInstance]application:app
                                                      openURL:url
                                                      options:options];
}

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
}
<- เพิ่มอันสุดท้ายตรงนี้

<key>CFBundleURLTypes</key>
<array>
  <dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>fb[ตามด้วยFacebookAppID]</string>
  </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>[FacebookAppID]</string>
<key>FacebookClientToken</key>
<string>[FacebookClientToken]</string>
<key>FacebookDisplayName</key>
<string>[ชื่อ App]</string>
<key>LSApplicationQueriesSchemes</key>
<array>
  <string>fbapi</string>
  <string>fb-messenger-share-api</string>
</array>

<key>CFBundleURLTypes</key>
<array>
  <dict>
  <key>CFBundleURLSchemes</key>
  <array>
    <string>fb539270015039941</string>
  </array>
  </dict>
</array>
<key>FacebookAppID</key>
<string>539270015039941</string>
<key>FacebookClientToken</key>
<string>a1f0617447f359ee3a69cccdf384fd93</string>
<key>FacebookDisplayName</key>
<string>Example Login</string>
<key>LSApplicationQueriesSchemes</key>
<array>
  <string>fbapi</string>
  <string>fb-messenger-share-api</string>
</array>