如何通过react-native-facebook-account-kit获取用户验证后的手机号？

我之前也用这个库做过手机号验证，你遇到的这个情况很典型——它自带的UI确实封装得很死，没法直接控制输入字段，但要拿到用户的手机号其实并不难，核心是处理loginWithPhone()的返回结果就行！

1. 验证完成后直接获取手机号 #

loginWithPhone()方法本身会返回一个Promise，当用户完成手机号输入+验证码验证的全流程后，这个Promise会resolve出一个包含用户账号信息的对象，里面就有你需要的手机号。

代码示例 #

你可以用async/await或者.then()的方式来处理：

import AccountKit from 'react-native-facebook-account-kit';

// 推荐用async/await，代码更清晰
const startPhoneVerification = async () => {
  try {
    // 调用登录验证方法
    const loginResult = await AccountKit.loginWithPhone();
    
    // 从返回结果中提取手机号
    const userPhone = loginResult.account.phoneNumber;
    
    // 这里就可以使用手机号了——比如存到状态里、传给后端等
    console.log('用户验证成功，手机号是:', userPhone);
  } catch (error) {
    // 处理验证失败的情况（比如用户取消、验证码错误等）
    console.error('手机号验证失败:', error.message);
  }
};

// 或者用.then()的写法
const startPhoneVerification = () => {
  AccountKit.loginWithPhone()
    .then(loginResult => {
      const userPhone = loginResult.account.phoneNumber;
      console.log('用户验证成功，手机号是:', userPhone);
      // 后续业务逻辑
    })
    .catch(error => {
      console.error('手机号验证失败:', error.message);
    });
};

2. 关于实时获取输入中的手机号 #

遗憾的是，这个库的默认UI并没有提供实时监听输入的API，所以没法在用户输入手机号的过程中拿到内容。如果你的业务必须要实时控制输入（比如自定义手机号格式、实时校验），那只能走两个方向：

• 自己实现输入UI+手动调用验证API：先让用户在你自定义的输入框里输入手机号，然后调用AccountKit的发送验证码、验证验证码的方法，全程自己控制流程。
• 检查库的版本更新：不过要注意，Facebook的AccountKit已经停止维护了，新版本可能不会有功能更新，所以这个方向大概率行不通。

总的来说，如果只是要获取验证后的手机号，第一种方法完全够用，而且实现起来非常简单。

内容的提问来源于stack exchange，提问作者Alauddin Ahmed