React Native如何根据操作系统区分跳转Health Kit与Google Fit对应权限页

AI 小北

2026-9-30

区分Android/iOS系统引导对应权限申请页的实现方案

以下是不同开发场景下的具体实现方式：

1. 原生应用开发场景

iOS原生开发：应用默认运行在iOS系统，无需额外判断系统类型，直接调用Health Kit的权限申请接口即可
Android原生开发：应用默认运行在安卓系统，无需额外判断系统类型，直接调用Google Fit的权限申请接口即可
双端共享逻辑的原生跨端框架（如KMM）：可在公共层声明权限申请通用接口，双端分别实现对应系统的权限唤起逻辑，打包时自动匹配对应实现，无需运行时额外判断

2. 主流跨端框架开发场景

React Native

使用框架内置的Platform模块直接判断：

import { Platform } from 'react-native';

const requestTrackingPermission = () => {
  if (Platform.OS === 'ios') {
    // 执行Health Kit权限申请、跳转对应页面逻辑
  } else if (Platform.OS === 'android') {
    // 执行Google Fit权限申请、跳转对应页面逻辑
  }
}

Flutter

使用Dart SDK内置的Platform类判断：

import 'dart:io';

void requestTrackingPermission() {
  if (Platform.isIOS) {
    // 执行Health Kit权限申请、跳转对应页面逻辑
  } else if (Platform.isAndroid) {
    // 执行Google Fit权限申请、跳转对应页面逻辑
  }
}

3. Web/H5开发场景

如果权限申请页是Web页面，通过解析UA判断即可：

const ua = window.navigator.userAgent.toLowerCase();
const isIOS = /iphone|ipad|ipod/.test(ua);
const isAndroid = /android/.test(ua);

if (isIOS) {
  // 引导用户跳转Health Kit对应权限页
} else if (isAndroid) {
  // 引导用户跳转Google Fit对应权限页
}