Giter VIP home page Giter VIP logo

flutter_fcm's Introduction

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
  5. For running on iOS, you have to do some configurations from Xcode. Follow the guide here.

    1. In pubspec.yaml

      add,

         flutter_test:
           sdk: flutter
         firebase_messaging: ^14.6.1
         flutter_local_notifications: ^14.1.0
         firebase_core: ^2.13.0
      
  6. In src/main/manifest,

    Inside <activity/> tag (below existing intent filter tag)

    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>
    
  7. In app/build.gradle

    add, apply plugin: 'com.google.gms.google-services' add this at the bottom

  8. In android/build.gradle

    add,

        classpath 'com.google.gms:google-services:4.3.8'
    
  9. enjoy.

For more help Read official documentation Here

flutter_fcm's People

Contributors

adilhypeteq avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.