Personalizar notificacion PUSH usando la libreria @react-native-firebase/messaging en Expo y React Native

Tiempo de lectura: < 1 minuto

Hoy os voy a enseñar cómo personalizar el icono de notificación PUSH lanzado en React Native con la librería @react-native-firebase/messaging

Notificacion postal - pexels

Iremos a app.json:

"notification": {
      "icon": "./src/assets/notification-icon.png",
      "color": "#d76d6d"
    },

También añadimos a los config plugin:

"@react-native-firebase/messaging"

Con esto tenemos la mitad terminado.

Ahora tendremos que crear nuestro icono de notificación.

Solo aplica en Android.

El icono debe ser:

Tamaño: 96×96

Color: blanco

Formato: .png transparente

Lo guardamos en la ruta indicada dentro de los assets.

Ahora ejecutamos este comando:

npx expo prebuild

De esta forma se generará nuestro icono.

Deja un comentario