A Flutter application for Firebase Cloud Messaging (Firebase push notification)

Flutter Notification

A demo Flutter application for Firebase Cloud Messaging (Firebase push notification)

Preview

How to implement firebase in you project:

  1. Create flutter project
  2. Create project in firebase console.
  3. Complete Firebase project setup for both Android & iOS platforms by going to the Firebase console.
  4. For Android, replace your google-services.json file with an existing file.
android -> app -> google-services.json
  1. For running on iOS, you have to do some configurations from Xcode. Follow the guide here.
  2. In pubspec.yaml
  3. add,
   flutter_test:
     sdk: flutter
   firebase_messaging: ^14.6.1
   flutter_local_notifications: ^14.1.0
   firebase_core: ^2.13.0
  1. In src/main/manifest,
  2. Inside <activity/> tag (below existing intent filter tag)
  3. add,
 <activity        
    <intent-filter>
        <action android:name="FLUTTER_NOTIFICATION_CLICK" />
        <category android:name="android.intent.category.DEFAULT" />
     </intent-filter>
 </activity>

 <application   
    <meta-data
       android:name="com.google.firebase.messaging.default_notification_channel_id"
       android:value="high_importance_channel" />

   <meta-data
       android:name="com.google.firebase.messaging.default_notification_icon"
       android:resource="@mipmap/ic_launcher" />

   <meta-data
       android:name="com.google.firebase.messaging.default_notification_color"
       android:resource="@color/notification_color" />   

 </application>
  1. In app/build.gradle
  2. add, apply plugin: 'com.google.gms.google-services' add this at the bottom
  3. In android/build.gradle
  4. add,
    classpath 'com.google.gms:google-services:4.3.8'
  1. enjoy.

For more help Read official documentation Here

GitHub

View Github

Description of the image

Related Posts