React Native中如何按需控制远程推送通知的开关？

可以实现，核心思路是操作通知渠道的启用状态来控制推送开关——因为远程推送最终绑定到你创建的通知渠道上。以下是具体实现步骤：

1. 核心原理 #

Android的通知权限基于渠道，只要能修改对应渠道的启用状态，就能实现App内开关控制。react-native-push-notification本身没直接暴露这个API，但可以通过原生模块扩展调用原生方法实现；iOS则需要适配系统的通知权限逻辑。

2. Android端实现 #

2.1 扩展原生模块获取渠道状态 #

创建Android原生模块，获取指定渠道的启用状态：

// PushNotificationChannelManagerModule.java
import android.app.NotificationManager;
import android.content.Context;
import android.os.Build;
import android.app.NotificationChannel;
import com.facebook.react.bridge.ReactApplicationContext;
import com.facebook.react.bridge.ReactContextBaseJavaModule;
import com.facebook.react.bridge.ReactMethod;
import com.facebook.react.bridge.Promise;

public class PushNotificationChannelManagerModule extends ReactContextBaseJavaModule {
    private static final String CHANNEL_ID = "你的通知渠道ID";

    public PushNotificationChannelManagerModule(ReactApplicationContext reactContext) {
        super(reactContext);
    }

    @Override
    public String getName() {
        return "PushNotificationChannelManager";
    }

    @ReactMethod
    public void getChannelStatus(Promise promise) {
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
            NotificationManager notificationManager = (NotificationManager) getReactApplicationContext().getSystemService(Context.NOTIFICATION_SERVICE);
            NotificationChannel channel = notificationManager.getNotificationChannel(CHANNEL_ID);
            promise.resolve(channel != null && channel.getImportance() != NotificationManager.IMPORTANCE_NONE);
        } else {
            // Android O以下无渠道概念，直接返回全局通知状态（这里简化为true，可按需扩展）
            promise.resolve(true);
        }
    }
}

2.2 添加修改渠道状态的方法 #

在上述模块中添加修改渠道启用状态的方法：

@ReactMethod
public void setChannelStatus(boolean enabled, Promise promise) {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
        NotificationManager notificationManager = (NotificationManager) getReactApplicationContext().getSystemService(Context.NOTIFICATION_SERVICE);
        NotificationChannel channel = notificationManager.getNotificationChannel(CHANNEL_ID);
        if (channel != null) {
            channel.setImportance(enabled ? NotificationManager.IMPORTANCE_DEFAULT : NotificationManager.IMPORTANCE_NONE);
            notificationManager.createNotificationChannel(channel);
            promise.resolve(true);
        } else {
            promise.reject("CHANNEL_NOT_FOUND", "目标通知渠道不存在");
        }
    } else {
        // Android O以下引导用户到系统设置修改全局权限
        promise.resolve(true);
    }
}

2.3 注册原生模块 #

在MainApplication.java中注册自定义模块：

@Override
protected List<ReactPackage> getPackages() {
    List<ReactPackage> packages = new PackageList(this).getPackages();
    packages.add(new ReactPackage() {
        @Override
        public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
            List<NativeModule> modules = new ArrayList<>();
            modules.add(new PushNotificationChannelManagerModule(reactContext));
            return modules;
        }

        @Override
        public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
            return Collections.emptyList();
        }
    });
    return packages;
}

3. React Native端自定义开关组件 #

在JS层调用原生模块，实现开关UI：

import { NativeModules, Switch, useState, useEffect } from 'react-native';

const { PushNotificationChannelManager } = NativeModules;

const PushToggle = () => {
    const [isEnabled, setIsEnabled] = useState(false);

    // 初始化获取当前状态
    useEffect(() => {
        PushNotificationChannelManager.getChannelStatus()
            .then(status => setIsEnabled(status))
            .catch(err => console.error(err));
    }, []);

    const handleToggle = async () => {
        try {
            await PushNotificationChannelManager.setChannelStatus(!isEnabled);
            setIsEnabled(!isEnabled);
        } catch (err) {
            console.error(err);
        }
    };

    return (
        <Switch
            trackColor={{ false: "#ccc", true: "#4287f5" }}
            thumbColor={isEnabled ? "#fff" : "#eee"}
            onValueChange={handleToggle}
            value={isEnabled}
        />
    );
};

export default PushToggle;

4. iOS端适配 #

iOS没有通知渠道概念，需通过系统通知权限API控制：

4.1 原生模块扩展（可选） #

// PushNotificationChannelManager.m
#import <React/RCTBridgeModule.h>
#import <UserNotifications/UserNotifications.h>

@interface RCT_EXTERN_MODULE(PushNotificationChannelManager, NSObject)

RCT_EXTERN_METHOD(getChannelStatus:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)
RCT_EXTERN_METHOD(setChannelStatus:(BOOL)enabled resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject)

@end

@implementation PushNotificationChannelManager

RCT_EXPORT_METHOD(getChannelStatus:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject) {
    UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
    [center getNotificationSettingsWithCompletionHandler:^(UNNotificationSettings *settings) {
        resolve(@(settings.authorizationStatus == UNAuthorizationStatusAuthorized));
    }];
}

RCT_EXPORT_METHOD(setChannelStatus:(BOOL)enabled resolver:(RCTPromiseResolveBlock)resolve rejecter:(RCTPromiseRejectBlock)reject) {
    if (enabled) {
        UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
        [center requestAuthorizationWithOptions:(UNAuthorizationOptionAlert | UNAuthorizationOptionSound | UNAuthorizationOptionBadge) completionHandler:^(BOOL granted, NSError * _Nullable error) {
            error ? reject(@"AUTH_ERROR", error.localizedDescription, error) : resolve(@(granted));
        }];
    } else {
        // iOS无法在App内直接关闭通知，引导用户到系统设置
        [[UIApplication sharedApplication] openURL:[NSURL URLWithString:UIApplicationOpenSettingsURLString] options:@{} completionHandler:nil];
        resolve(@(YES));
    }
}

@end

4.2 JS层适配 #

直接复用上述PushToggle组件，iOS端会自动调用对应原生方法。

注意事项 #

• Android端修改渠道状态后立即生效：渠道禁用时远程推送不会显示，启用后恢复正常。
• iOS受系统限制，无法在App内直接关闭通知权限，只能引导用户到系统设置修改。
• 确保通知渠道ID在原生代码和JS层创建渠道时完全一致。

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