React Native的React-Native-Push-Notification推送

React Native的react-native-push-notification是一个用于React Native应用的推送通知库。它允许开发者轻松地在iOS和Android设备上实现推送通知功能。以下是关于如何使用react-native-push-notification的一些基本步骤：

1. 安装： 使用npm或yarn将react-native-push-notification添加到项目中：

npm install --save react-native-push-notification

或

yarn add react-native-push-notification

2. 链接（对于React Native < 0.60）： 在React Native 0.60及更高版本中，链接是自动完成的。但在旧版本中，你需要手动链接库：

react-native link react-native-push-notification

3. 配置： 在iOS上，你需要创建一个名为ios/YourProjectName/AppDelegate.m的文件（如果尚不存在），并添加以下内容：

#import "react-native-push-notification.h"

// ...

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  // ...
  [RNPushNotification registerNotification];
  // ...
}

在Android上，你需要在android/app/src/main/AndroidManifest.xml文件中添加以下权限：

<uses-permission android:name="android.permission.WAKE_LOCK"/>
<uses-permission android:name="android.permission.VIBRATE"/>
<uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED"/>
<uses-permission android:name="android.permission.GET_ACCOUNTS"/>

并在MainApplication.java中添加以下代码：

import com.dieam.reactnativepushnotification.modules.RNPushNotificationPackage;

public class MainApplication extends Application implements ReactApplication {
  // ...
  @Override
  protected List<ReactPackage> getPackages() {
    return Arrays.asList(
      new MainReactPackage(),
      new RNPushNotificationPackage() // <-- 添加这一行
    );
  }
  // ...
}

4. 请求权限： 在iOS上，你需要请求用户允许通知。可以在AppDelegate.m中添加以下代码：

UNUserNotificationCenter *center = [UNUserNotificationCenter currentNotificationCenter];
[center requestAuthorizationWithCompletionHandler:^(BOOL granted, NSError * _Nullable error) {
  // ...
}];

在Android上，你可以在MainActivity.java中添加以下代码：

private void requestPermissionsIfNecessary() {
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
    if (checkSelfPermission(Manifest.permission.RECEIVE_BOOT_COMPLETED) != PackageManager.PERMISSION_GRANTED) {
      requestPermissions(new String[]{Manifest.permission.RECEIVE_BOOT_COMPLETED}, REQUEST_CODE);
    }
  }
}

5. 发送推送通知： 现在你可以使用react-native-push-notification库发送推送通知了。例如，你可以在JavaScript代码中这样做：

import PushNotification from 'react-native-push-notification';

PushNotification.configure({
  // ... 你的配置选项
});

PushNotification.localNotification({
  /* Android Only Properties */
  channelId: 'your-channel-id', // (required) channelId, if the channel doesn't exist, notification will not trigger.
  autoCancel: true,
  largeIcon: 'ic_launcher',
  smallIcon: 'ic_notification',
  bigText: 'My big text that will be shown when notification is expanded',
  subText: 'This is a subText',
  color: 'blue',
  vibrate: true,
  vibration: 300,
  tag: 'some_tag',
  group: 'group',
  ongoing: false,
  priority: 'high',
  visibility: 'private',
  importance: 4,
  vibratePattern: [0, 1000, 500, 1000],
  actions: '["Yes", "No"]',
});

注意：这只是一个简单的示例，react-native-push-notification库提供了许多其他选项和功能，你可以查阅官方文档以获取更多信息。