Reagieren Nativen Push-Benachrichtigungen mit react native-fcm

Ich bin mit dieser Bibliothek.

Versuche ich zu erhalten, push-Benachrichtigungen, um die Anzeige in den Benachrichtigungen Tablett auf meinem Nexus 5 (android 6.0.1). Mit React Native 0.42, Reagieren Native CLI 2.0.1. Ich entwickle unter Ubuntu 14.04.

Ich bin mit der FB. Ich gehe in meine-Konsole – > Benachrichtigungen > senden Sie eine Nachricht > bestimmtes Gerät (die, die ich von remote-debugging-Konsole.Protokoll, unten).

Ich bin logging-Meldungen, wie Sie sehen können, in code, und Sie gelangen zu meinem Gerät, denn ich kann Sie sehen in den logs.

Aber, ich weiß nicht, wie die Anzeige in der Benachrichtigungen-Schublade. Der Blick durch die docs und Suche Foren, es scheint, Sie sollten standardmäßig angezeigt werden.

componentDidMount() {
        FCM.requestPermissions(); //for iOS
        FCM.getFCMToken().then(token => {
            console.log(token)
            //store fcm token in your server
        });
        this.notificationListener = FCM.on(FCMEvent.Notification, async (notif) => {
          console.log(notif)

        });
});
  • Ich habe dasselbe Problem… Hast du eine Lösung für dieses??
  • Sie müssen den FCM.presentLocalNotification(). Denn wenn die app aktiv ist die Meldung Handhabung ist auf Sie, während, wenn es inaktiv ist, das ist das Telefon, zeigt es auto
InformationsquelleAutor jbsmoove | 2017-03-03



2 Replies
  1. 0

    Scheint es, dass „custom_notification“ ist für die Anzeige der Meldung im oberen Fach. Ich fügte das meinem Nutzlast:

    „custom_notification“: {
    „body“: „test-Körper“,
    „title“: „test-Titel“,
    „Farbe“:“#00ACD4″,
    „Priorität“:“hoch“,
    „Symbol“:“ic_notif“,
    „Gruppe“: „GRUPPE“,
    „id“: „id“,
    „show_in_foreground“: true
    }

    So, ich denke die app muss die Benachrichtigung erhalten, analysieren die Daten, und fügen Sie diese custom_notification parameter.

  2. 0

    Wie etwa der folgenden, die in Ihrem Konstruktor:

    FCM.requestPermissions(); //for iOS
    FCM.getFCMToken().then(token => {
      console.log(token)
      //store fcm token in your server
    });
    
    this.notificationListener = FCM.on(FCMEvent.Notification, async (notif) => {
      //do some component related stuff
      console.log(notif);
      //alert(notif.fcm.body);
    
      FCM.presentLocalNotification({
        id: "UNIQ_ID_STRING",                               //(optional for instant notification)
        title: "My Notification Title",                     //as FCM payload
        body: notif.fcm.body,                    //as FCM payload (required)
        sound: "default",                                   //as FCM payload
        priority: "high",                                   //as FCM payload
        click_action: "ACTION",                             //as FCM payload
        badge: 10,                                          //as FCM payload IOS only, set 0 to clear badges
        number: 10,                                         //Android only
        ticker: "My Notification Ticker",                   //Android only
        auto_cancel: true,                                  //Android only (default true)
        large_icon: "ic_launcher",                           //Android only
        icon: "ic_launcher",                                //as FCM payload, you can relace this with custom icon you put in mipmap
        big_text: "Show when notification is expanded",     //Android only
        sub_text: "This is a subText",                      //Android only
        color: "red",                                       //Android only
        vibrate: 300,                                       //Android only default: 300, no vibration if you pass null
        tag: 'some_tag',                                    //Android only
        group: "group",                                     //Android only
        picture: "https://google.png",                      //Android only bigPicture style
        ongoing: true,                                      //Android only
        my_custom_data: 'my_custom_field_value',             //extra data you want to throw
        lights: true,                                       //Android only, LED blinking (default false)
        show_in_foreground: true                                  //notification when app is in foreground (local & remote)
      });
    });
    
    FCM.subscribeToTopic('test_topic');

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.