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

React Native的react-native-push-notification是一個(gè)用于React Native應(yīng)用的推送通知庫(kù)。它允許開(kāi)發(fā)者輕松地在iOS和Android設(shè)備上實(shí)現(xiàn)推送通知功能。以下是關(guān)于如何使用react-native-push-notification的一些基本步驟：

1. 安裝： 使用npm或yarn將react-native-push-notification添加到項(xiàng)目中：

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

或

yarn add react-native-push-notification

2. 鏈接（對(duì)于React Native < 0.60）： 在React Native 0.60及更高版本中，鏈接是自動(dòng)完成的。但在舊版本中，你需要手動(dòng)鏈接庫(kù)：

react-native link react-native-push-notification

3. 配置： 在iOS上，你需要?jiǎng)?chuàng)建一個(gè)名為ios/YourProjectName/AppDelegate.m的文件（如果尚不存在），并添加以下內(nèi)容：

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

// ...

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

在Android上，你需要在android/app/src/main/AndroidManifest.xml文件中添加以下權(quán)限：

<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. 請(qǐng)求權(quán)限： 在iOS上，你需要請(qǐng)求用戶(hù)允許通知?？梢栽?code>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. 發(fā)送推送通知： 現(xiàn)在你可以使用react-native-push-notification庫(kù)發(fā)送推送通知了。例如，你可以在JavaScript代碼中這樣做：

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

PushNotification.configure({
  // ... 你的配置選項(xiàng)
});

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"]',
});

注意：這只是一個(gè)簡(jiǎn)單的示例，react-native-push-notification庫(kù)提供了許多其他選項(xiàng)和功能，你可以查閱官方文檔以獲取更多信息。