React Native集成Apple HealthKit授权后无法跳转到下一页怎么解决

问题根因 #

你当前的HealthKit初始化逻辑是异步执行的，但没有向外暴露授权结果的回调，页面无法感知到用户已经完成权限授予操作，因此无法触发跳转逻辑。

解决步骤 #

1. 修改HealthKit权限配置类，暴露授权结果回调 #

修改原有的工具函数，新增成功、失败两个回调参数，在权限申请有结果时触发回调通知调用方：

import AppleHealthKit from 'react-native-health';

// 新增入参：successCallback 授权成功回调、errorCallback 授权失败回调
const HealthKit = (successCallback, errorCallback) => {
  const permissions = {
    permissions: {
      read: [AppleHealthKit.Constants.Permissions.HeartRate],
      write: [AppleHealthKit.Constants.Permissions.Steps],
    },
  };

  AppleHealthKit.initHealthKit(permissions, (error) => {
    if (error) {
      console.log('[ERROR] Cannot grant permissions!');
      errorCallback?.(error);
      return;
    }
    // 授权完成，触发成功回调
    successCallback?.();

    // 原有获取心率数据的逻辑保留
    const options = {
      startDate: new Date(2020, 1, 1).toISOString(),
    };
    AppleHealthKit.getHeartRateSamples(options, (callbackError, results) => {
      // 处理心率数据逻辑
    });
  });
};

export default HealthKit;

2. 在权限申请页调用时传入回调，执行跳转/翻页逻辑 #

修改CONNECT按钮的点击事件，传入授权成功后的处理逻辑，可根据需求选择翻到连接成功页或直接跳转下一个业务页面：

<TouchableOpacity
  style={{
    justifyContent: 'center',
    backgroundColor: '#533AED',
    height: 50,
    borderRadius: 50,
    alignItems: 'center',
    width: '80%',
  }}
  onPress={() => AppleHKit(
    // 授权成功回调
    () => {
      // 方案1：先滚动到连接成功的第三页，用户手动点下一步
      onboardingFlastListRef.current.scrollToIndex({
        animated: true,
        index: 2,
      });
      // 方案2：直接自动跳转到下一个页面
      // navigation.navigate('SurveyHR')
    },
    // 授权失败回调，可做错误提示
    (err) => {
      alert('健康权限申请失败，请手动在系统设置中开启');
    }
  )}>
  {/* 原有按钮内容不变 */}
</TouchableOpacity>

注意事项 #

• 权限弹窗关闭后回调就会触发，不管用户是同意还是拒绝权限，如果需要确认用户确实授予了所有需要的权限，可以在成功回调中调用AppleHealthKit.getAuthStatus方法校验权限状态，再执行对应逻辑
• 如果需要处理用户跳转到系统设置手动修改权限的场景，可以配合AppState监听应用切回前台的事件，主动查询最新的权限状态做同步

内容的提问来源于stack exchange，提问作者Daniel Döbereiner