add channel

[evollu]

the app crashes because of
compile "com.android.support:support-core-utils:26.1.0"

[Titozzz]

Please merge this ! I need it and it's working fine for me !

[Titozzz]

By the way i tested this on Android 8 and Android 7.1 (and iOS in case of breaking), and local notification are working <3

[evollu]

@Titozzz you can target this branch in your npm.
yarn add react-native-fcm@git://github.com/evollu/react-native-fcm#sdk-26

[evollu]

There are 2 reasons why the PR is not merged.

1. as I mentioned in Android 8 Support #698, I can't get my sample project to compile.
2. facebook hasn't officially support compiling with SDK 26. merging this into main branch will force everyone to upgrade to an non-officially supported state.

[sahil290791]

I am still not getting any notification icon when the app is in background, but the app is getting the data in registerKilledListeners as per the example. Any idea how can I get the icon in the notification shade? I am using sdk-26 branch of react-native-fcm.

compileSdkVersion 26
buildToolsVersion '26.0.2'
targetSdkVersion 26

[evollu]

I am still not getting any notification icon when the app is in background? is banner not showing up?

[sahil290791]

@evollu, yes its banner(notification icon) is not showing up but the app receives the notification payload. This is happening in devices running on android 8+, before I had upgraded the SDK to 26 everything was working as it is.

Do I need to do any additional setup for 8.0 devices?

[sahil290791]

@evollu I have created a notification channel by referring this: https://github.com/invertase/react-native-firebase-docs/blob/master/docs/notifications/android-channels.md

Now I can see the notification channel listed in settings > apps > my-app > notifications. But still I am unable to see the notification icon in the notification tray/shade.

[sahil290791]

@evollu its finally working, needed to send channel key inside custom_notification:

"data" : {
 	"show_in_foreground": true,
 	"content_available" : true,
 	"priority" : "high",
	 "title" : "Sample title",
	 "message": "Sample message",
	 "type": "DEEPLINK",
	 "sound": "default",
	 "vibrate": 300,
         "lights":  true,
          "utm_medium": "medium",
	  "utm_campaign": "campaign",
	  "utm_content": "content",
	  "utm_term": "term",
	  "utm_source": "example",
	  "channel": "default",
	 "custom_notification" : {
	   "body" : "Sample body",
	   "color": "#F58024",
	   "title" : "Sample title",
	   "type": "DEEPLINK",
            "sound": "default",
	   "icon": "ic_notif",
	   "channel": "default",
	   "picture": "image_url"
	 },
 },

Added channel creation in registerListeners:

export function registerAppListener(openPushNotification, handleOpenURL) {
  const channel = new firebase.notifications.Android.Channel('default',
  'Notification', firebase.notifications.Android.Importance.Max)
  .setDescription('Receive notifications');

  // channel id is set as: default
  // Create the channel
  firebase.notifications().android.createChannel(channel);
}

The channel id in the notification payload should match the one given while channel creation.

[cylim]

@sahil290791

According to the example of the changes, your registerAppListener can be replaced with

FCM.createNotificationChannel({
      id: 'default',
      name: 'Default',
      description: 'general usage',
      priority: 'high'
})