React Native(Expo)前台应用控制iOS/Android系统设置的实现方法

整体结论 #

这个需求可行，但存在明显的平台差异限制：Android允许APP在获取特殊权限后直接修改部分系统设置；iOS则不支持第三方APP直接修改系统设置，仅能引导用户跳转至对应系统设置页面手动操作。另外你提到的HeadlessJS、background actions是用于后台任务的，前台操作完全不需要用到这些。

Android 平台实现步骤 #

Android要修改移动漫游这类系统设置，需要完成以下几步：

1. 配置权限
   在你的app.json（或app.config.js）中添加Android权限声明：

{
  "expo": {
    "android": {
      "permissions": [
        "WRITE_SETTINGS",
        "ACCESS_NETWORK_STATE"
      ]
    }
  }
}

WRITE_SETTINGS是修改系统设置的核心特殊权限，普通权限申请流程无法获取，必须引导用户到系统设置中手动授权。

2. 检查并获取权限
   使用expo-intent-launcher引导用户开启权限：

import { IntentLauncherAndroid } from 'expo-intent-launcher';
import { Platform, Alert } from 'react-native';
import * as expoConstants from 'expo-constants';

// 检查是否拥有WRITE_SETTINGS权限
const hasWriteSettingsPermission = async () => {
  if (Platform.OS !== 'android') return false;
  const result = await IntentLauncherAndroid.hasPermission('android.permission.WRITE_SETTINGS');
  return result.granted;
};

// 引导用户开启权限
const requestWriteSettingsPermission = async () => {
  const hasPermission = await hasWriteSettingsPermission();
  if (!hasPermission) {
    Alert.alert(
      '需要权限',
      '请开启应用修改系统设置的权限',
      [
        {
          text: '取消',
          style: 'cancel'
        },
        {
          text: '前往设置',
          onPress: async () => {
            await IntentLauncherAndroid.startActivityAsync(
              IntentLauncherAndroid.ACTION_MANAGE_WRITE_SETTINGS,
              {
                data: `package:${expoConstants.expoConfig?.android?.package}`
              }
            );
          }
        }
      ]
    );
  }
};

3. 修改移动漫游设置
   权限获取后，借助react-native-settings库（需配合Expo Dev Client）实现修改：

• 安装库并配置config plugin：

npx expo install react-native-settings

• 在app.json中添加config plugin：

{
  "expo": {
    "plugins": ["react-native-settings"]
  }
}

• 生成自定义Dev Client（使用config plugin后需构建才能运行）：

npx expo run:android

• 编写修改漫游状态的代码：

import Settings from 'react-native-settings';

// 关闭移动漫游
const disableDataRoaming = async () => {
  const hasPermission = await hasWriteSettingsPermission();
  if (!hasPermission) {
    requestWriteSettingsPermission();
    return;
  }
  // Android中移动漫游的设置键为"mobile_data_roaming"
  await Settings.set({
    secure: {
      mobile_data_roaming: false
    }
  });
};

// 开启移动漫游
const enableDataRoaming = async () => {
  const hasPermission = await hasWriteSettingsPermission();
  if (!hasPermission) {
    requestWriteSettingsPermission();
    return;
  }
  await Settings.set({
    secure: {
      mobile_data_roaming: true
    }
  });
};

iOS 平台实现方案 #

iOS出于隐私和安全限制，不允许第三方APP直接修改系统设置，只能引导用户跳转至对应的系统设置页面手动操作：

import { Linking, Alert } from 'react-native';

const openRoamingSettings = () => {
  Alert.alert(
    '提示',
    '请手动开启/关闭移动漫游',
    [
      {
        text: '取消',
        style: 'cancel'
      },
      {
        text: '前往设置',
        onPress: async () => {
          // 跳转至iOS蜂窝数据设置页面
          await Linking.openURL('App-Prefs:MOBILE_DATA_SETTINGS_ID');
        }
      }
    ]
  );
};

注意事项 #

• Expo Managed Workflow中使用原生模块时，必须构建自定义Dev Client（无法直接用Expo Go预览）；若不想构建Dev Client，可选择Eject到Bare Workflow。
• Android部分的设置键可能因系统版本、厂商定制略有差异，测试时需多机型验证。

内容的提问来源于stack exchange，提问作者Patrick Math