0

Buenas tardes a todos,

Actualmente tengo una app hecha con Flutter pero las notificaciones caen en la barra superior y no sobre salen como lo hacian en un principio (las estoy mandando desde la consola de Firebase Cloud Messaging).

Quiero que salga el PopUp así sin tener que bajar la barra superior. introducir la descripción de la imagen aquí

Como comenté en un principio me pasa tanto cuando mando un mensaje simple desde la consola de firebase (solo pongo titulo y cuerpo del mensaje) y si lo mando desde una función en Firebase Cloud Functions.

AndroidManifest: (En una parte tengo esto cargado)

<activity
            android:name=".MainActivity"
            android:launchMode="singleTop"
            android:theme="@style/LaunchTheme"
            android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|layoutDirection|fontScale|screenLayout|density"
            android:hardwareAccelerated="true"
            android:windowSoftInputMode="adjustResize">
            <!-- This keeps the window background of the activity showing
                 until Flutter renders its first frame. It can be removed if
                 there is no splash screen (such as the default splash screen
                 defined in @style/LaunchTheme). -->
            <meta-data
                android:name="io.flutter.app.android.SplashScreenUntilFirstFrame"
                android:value="true" />
            <intent-filter>
                <action android:name="android.intent.action.MAIN"/>
                <category android:name="android.intent.category.LAUNCHER"/>
            </intent-filter>
            <intent-filter>
                <action android:name="FLUTTER_NOTIFICATION_CLICK" />
                <category android:name="android.intent.category.DEFAULT" />
            </intent-filter>
            <intent-filter>
                <action android:name="com.google.firebase.MESSAGING_EVENT"/>
            </intent-filter>
            <intent-filter>
                <action android:name="com.google.firebase.INSTANCE_ID_EVENT"/>
            </intent-filter>
        </activity>

Configuración en la parte del Main.dart

_firebaseMessaging.configure(
      onMessage: (Map<String, dynamic> message) {
        print('on message $message');

      },
      onResume: (Map<String, dynamic> message) {
        print('on resume $message');

      },
      onLaunch: (Map<String, dynamic> message) {
        print('on launch $message');

      },
    );
    _firebaseMessaging.requestNotificationPermissions( const IosNotificationSettings(sound: true,badge: true,alert: true));
    _firebaseMessaging.onIosSettingsRegistered.listen((IosNotificationSettings setting){
      print('Setting registered: $setting');
    });
8
  • Puedes poner una imagen de como aparece actualmente? también la data que le envías Commented el 31 oct. 2018 a las 6:55
  • @diegoveloper acabo de agregar todo , los mensajes los mando desde la consola directamente solo con un título y cuerpo para el mensaje (siempre tengo marcada la prioridad alta pero como que no hace efecto porque entiendo que no se muestra de forma flotante porque no detecta la prioridad alta del mensaje o algo así) Commented el 1 nov. 2018 a las 0:04
  • Cuando entras a Settings -> Apps , notifications -> y buscas tu app, que tipo de configuración tiene? estás suscrito a un topic? puedes poner un pantalla de esa configuración Commented el 1 nov. 2018 a las 0:15
  • Estaba leyendo un poco sobre ese FCM plugin, solo veo que las notificaciones llegan al system tray por default, por eso no se muestra la notificación como popup, para eso puedes usar otro plugin que es el de Local notifications, para que una vez que recibas el mensaje, puedes mostrar el popup: pub.dartlang.org/packages/flutter_local_notifications Commented el 1 nov. 2018 a las 0:37
  • En la configuración están habilitadas las notificaciones junto con los puntos de notificación. Por otro lado entiendo que se puede hacer con el plugin que mencionas pero no funciona cuando la app esta completamente cerrada , si la app está abierta no necesito notificaciones porque en la app tengo un icono que muestra que tenes un mensaje. Commented el 1 nov. 2018 a las 1:09

2 respuestas 2

0

Estaba leyendo un poco sobre ese FCM plugin, solo veo que las notificaciones llegan al system tray por default, por eso no se muestra la notificación como popup, para eso puedes usar otro plugin que es el de Local notifications, para que una vez que recibas el mensaje, puedes mostrar el popup:

https://pub.dartlang.org/packages/flutter_local_notifications

Tu código quedaría algo así :

      onMessage: (Map<String, dynamic> message) {
            print('on message $message');

                //...

                _showBigTextNotification();


          },


   ....

        Future _showBigTextNotification() async {
        var bigTextStyleInformation = new BigTextStyleInformation(
            'Lorem <i>ipsum dolor sit</i> amet, consectetur <b>adipiscing elit</b>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.',
            htmlFormatBigText: true,
            contentTitle: 'overridden <b>big</b> content title',
            htmlFormatContentTitle: true,
            summaryText: 'summary <i>text</i>',
            htmlFormatSummaryText: true);
        var androidPlatformChannelSpecifics = new AndroidNotificationDetails(
            'big text channel id',
            'big text channel name',
            'big text channel description',
            style: AndroidNotificationStyle.BigText,
            styleInformation: bigTextStyleInformation);
        var platformChannelSpecifics =
            new NotificationDetails(androidPlatformChannelSpecifics, null);
        await flutterLocalNotificationsPlugin.show(
            0, 'big text title', 'silent body', platformChannelSpecifics);
      }

No te olvides importar el plugin e inicializarlo, puedes guiarte de este sample code:

https://pub.dartlang.org/packages/flutter_local_notifications#-example-tab-

NOTA:

Puedes validar si estás o no en background , usa el flag mounted, si está en false lanzas la notificación local.

16
  • @diegodeveloper puede ser que solo funcione con la app abierta? solo en ese caso funciona bien , pero necesito que funcione en cualquier situación. Es como que solo se activa el OnMessage , pero no en OnResume o OnLaunch Commented el 1 nov. 2018 a las 16:26
  • cuando estás con la app en background, a que método entra cuando llega el push ? Commented el 1 nov. 2018 a las 16:28
  • Cuando está de fondo no veo que entre a ningún método , solo cuando está abierta muestra que entra al OnMessage. Commented el 1 nov. 2018 a las 17:55
  • revisando este cuadro : github.com/flutter/plugins/tree/master/packages/… , si tu app está en background debería entrar a onMessage , pero si tu app está cerrada, el plugin no soporta, porque lo que hace el plugin es comunicar el host (android/ios) con dart, pero si la app está cerrada, no hay forma de que dart pueda recibir los datos, lo que podrías hacer es hacer un fork de plugin y agregarla lo necesario, las notificaciones locales dentro de código nativo. Commented el 1 nov. 2018 a las 18:03
  • ahh entonces no me sirve el plugin :S , para tener el mensaje tipo "heads up" tuve que entrar a las opciones de mi app , notificaciones , selecionar el canal por default y cambiar la prioridad para que suene y muestre en vez de solo hacer sonar y dejar la notificacion en la barra superior. De momento no existe una función para mandar al usuario a esas opciones para así poder subir la prioridad? Entiendo que en android tipo nativo se puede con un intent pero no estoy seguro de si se puede hacer lo mismo en flutter. por ahora encontré esto flutter.io/platform-channels y un plugin . Commented el 1 nov. 2018 a las 18:22
0

Me pasaba exactamente y por si a alguien le sirve, lo que me funciono es entrar a la información de la app en tu dispositivo o emulador y activar permisos de mostrar notificaciones en segundo plano, en el canal de notificaciones flotantes hacer lo mismo, prácticamente habilitarle todo.

3
  • 1
    Hola @Kevin. Bienvenido a Stack Overflow. Te invito realizar un recorrido de bienvenida para que conozca cómo funciona el sitio y gane tu primera medalla. Por otra parte, también puede consultar ¿Cómo escribo una buena respuesta? o leer todo sobre «respondiendo» Commented el 17 feb. 2021 a las 5:30
  • A mi me parece que sí trata de responder a la pregunta. No digo que sea una respuesta ejemplar, pero está compartiendo una experiencia que tuvo en la que tenía ese mismo problema (a su vista) y comparte lo que le funcionó ¿Por qué no es una respuesta válida?
    – ArianJM
    Commented el 17 feb. 2021 a las 7:14
  • me pregunto lo mismo, bueno revisare los enlaces, yo solo trate de responder lo que me funciono a mi Commented el 1 mar. 2021 a las 1:00

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.