react native push notification onNotification不会触发

Question

我正在使用zo0r反应本机推送通知库。

"react": "16.0.0-alpha.12",
"react-native": "^0.45.1",
"react-native-push-notification": "^3.0.0"

每次打开应用程序时都会运行以下代码：

PushNotification.configure({
    onNotification: function(notification) {
        console.log('onNotification');
        ToastAndroid.show('onNotification', 3000);
    }
});

我从后台服务发送本地推送通知：

PushNotification.localNotification({
    message: 'Hello World',
    smallIcon: 'ic_launcher'
});

通知送达。当我点击它时，onNotification方法不会被调用，然后当我收到另一个通知时，它实际上会被调用。似乎只有当应用程序是内存atm时，它才能工作。

我做错什么了吗？

我还打开了一个GitHub问题。

Answer 1

在我的代码中，我在App类之外配置了通知-这是一个问题。我刚刚将配置移动到App构造函数，现在它工作得很好，onNotify被调用没有问题：

class App extends React.Component {
    constructor(props) {
        super(props);
        PushNotification.configure({ ... });
    }
}

最新的react native push notificationlib版本建议：https://github.com/zo0r/react-native-push-notification#usage

Answer 2

它是专门写的，不要将配置放在React生命周期中。否则Android将不会有正确的行为（这一点我非常痛苦！）。这里你有一个很好的教程：https://product.farewell.io/visible-react-native-push-notifications-that-work-on-both-ios-and-android-5e90badb4a0f解释得很糟糕，但方法是完美的。使用一个类来初始化和调用方法。按照他的建议在顶部组件中初始化类。效果很好。使用本教程完成缺少的信息：https://shift.infinite.red/react-native-node-js-and-push-notifications-e851b279a0cd祝你好运！

Answer 3

它的常见问题，该问题发生在使用启动屏幕时。像这样编辑清单：

<activity
            android:name=".SplashActivity"
            android:theme="@style/SplashTheme"
            android:label="@string/app_name">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize"
        android:windowSoftInputMode="adjustResize" >
          <intent-filter>
          <action android:name="android.intent.action.MAIN" />
          <category android:name="android.intent.category.INFO" />
          </intent-filter>
        </activity>