How to pass a url(data) or message to app using FCM in flutter?

2018-11-08 07:06 Ajnas Askar imported from Stackoverflow

How to pass a URL throw FCM in a flutter, I already implemented an FCM and received notification, but can't pass data, how to implement that?

A URL as data message from firebase to app using FCM

FirebaseMessaging _firebaseMessaging = FirebaseMessaging();
@override
void initState() {
 super.initState();
 firebaseCloudMessaging_Listeners();
}

void firebaseCloudMessaging_Listeners() {
 if (Platform.isIOS) iOS_Permission();
 _firebaseMessaging.getToken().then((token){
  Navigator.push(context, MaterialPageRoute(
      builder: (context) => PageStack(pages: ContactUs(test: token,), title: "Contact Us", back: true,)));
  print(token);
});

_firebaseMessaging.configure(
  onMessage: (Map<String, dynamic> message) async {
    print('on message $message');
  },
  onResume: (Map<String, dynamic> message) async {
    print('on resume $message');
  },
  onLaunch: (Map<String, dynamic> message) async {
    print('on launch $message');
  },
);
}

void iOS_Permission() {
_firebaseMessaging.requestNotificationPermissions(
    IosNotificationSettings(sound: true, badge: true, alert: true)
);
_firebaseMessaging.onIosSettingsRegistered
    .listen((IosNotificationSettings settings)
{
  print("Settings registered: $settings");
});
}

See also questions close to this topic

Perform Firestore query in a JavaScript function
I want to perform a Firestore query in a JavaScript function, but I'm having some difficulties with promises.

Let's say I want to get the document ID from a user. So I have created this JavaScript function:
```
function getUid(email) {
    db.collection("users").where("email", "==", email)
    .get()
    .then(function(querySnapshot) {
        querySnapshot.forEach(function(doc) {
            return doc.id;
        });
    })
    .catch(function(error) {
        return error;
    });
}
```
Now when I call the function res.send(getUid("user@example.com")), it returns undefined.

Which is the correct syntax to wait until the Firestore query finsished?

When trying to fetch a collection, Android studio does not regonise the .collection method

When trying to fetch the collection from a firebase database an error occurs.

CollectionReference usersCollectionRef = database.collection("users");

error: cannot find symbol method collection(String) error that show's up

For some reason it can't find the .collection method

Build.Gradle

apply plugin: 'com.android.application'
apply plugin: 'com.google.gms.google-services'

android {
    compileSdkVersion 28
    defaultConfig {
        applicationId "com.example.roguerun2"
        minSdkVersion 27
        targetSdkVersion 28
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:28.0.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    implementation 'com.google.firebase:firebase-auth:16.0.5'
    implementation 'com.google.firebase:firebase-storage:16.0.4'
    implementation 'com.google.firebase:firebase-database:16.0.4'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
    implementation 'com.android.support:recyclerview-v7:28.0.0'
    implementation 'com.google.android.gms:play-services-maps:16.1.0'
    implementation 'com.google.android.gms:play-services-location:16.0.0'
    implementation 'pub.devrel:easypermissions:2.0.1'
    implementation 'com.google.maps:google-maps-services:0.2.4'
    implementation 'com.google.firebase:firebase-firestore:17.0.4'
    implementation 'com.google.firebase:firebase-core:16.0.9'



}
apply plugin: 'com.google.gms.google-services'

Any help would be appriciated

Make AuthListener wait until for loop has finished

I read the user's data on each login. Since I have a an Firebase AuthListener inside of AppDelegate.swift, the view changes as soon as the user has logged in.

The problem is, that in some cases the view changes faster than data is processed which leads into a screen without the desired data.

In the past I bypassed this by adding: databaseRef.observeSingleEvent(of: .value, with: { snap in ... }) to the code which changes the view:

if user != nil && currentCar == "auto auswählen" {
                databaseRef.observeSingleEvent(of: .value, with: { snap in
                    if user?.isAnonymous == false {
                        let controller = storyboard.instantiateViewController(withIdentifier: "RootPageViewController") as! RootPageViewController
                        let vc = storyboard.instantiateViewController(withIdentifier: "ProfileViewController") as! ProfileViewController
                        vc.readTimeline()
                        self.window?.rootViewController = controller
                        self.window?.makeKeyAndVisible()
                    } else if user?.isAnonymous == true {
                        let controller = storyboard.instantiateViewController(withIdentifier: "RootPageViewController") as! RootPageViewController
                        self.window?.rootViewController = controller
                        self.window?.makeKeyAndVisible()
                    }
})

This worked fine, but now that I read my data with the help of a for loop, it won't since the database request is finished earlier than the for loop:

databaseRef.child("users").child(uid).observeSingleEvent(of: .value, with: { (snapshot) in
            let value = snapshot.value as? NSDictionary

            for n in 1...snapshot.childrenCount {
                databaseRef.child("users/\(uid)").child(String(n)).observeSingleEvent(of: .value, with: { (snapshot) in
                    let value = snapshot.value as? NSDictionary

                    ...

                }) { (error) in
                    print(error.localizedDescription)
                }
            }
        }) { (error) in
            print(error.localizedDescription)
        }
    }

How can I make AppDelegate.swift and the AuthListener wait until the for loop has finished?

Unable to get dart to output in sublime text 3 even if build successful and without errors
I cant get my simple dart code to work after setting up Sublime Text 3 for dart development. I only get the build time, while the print command does not work.

I checked all my configurations, checked if my SDK is properly defined at the right places. I also added the location of the dart-sdk to my PATH variable

This is just a simple dart code which I want to run.
```
void main(){
    print("Hello World");
}
```
I am using Sublime Text 3, latest version of Dart plugin for ST3 and latest Dart-sdk as well. I can only see:
```
* Running <path>dartprojs.dart
* (output starts below the next line)
==============================================================================
[Finished in 0.1s with exit code 255]
[cmd: <cmd data>]
[dir: <project directory>]
[path: <my path variable>]
```
While in all of the tutorials I can see:
```
* Running <path>dartprojs.dart
* (output starts below the next line)
==============================================================================
Hello World
[Finished in 0.1s with exit code 255]
```
how to get json data in flutter
I have been trying to fetch json data from my flutter app. I managed to print the whole json on my console. I want to get only the "text" value from this json. How should I do it? here is the json link: a link I want to get only the number 54 from the json api I get the output as:
```
Future<String> fetchData ()async{
    var response1 = await get("http://motyar.info/webscrapemaster/api/?url=http://teertoday.com/&xpath=/html/body/div[5]/div/table/tbody/tr[3]/td[1]#vws");
    List teerModel =  json.decode(response1.body);
    print(teerModel[0]);

  } 
```

How can I hidden a bottom bar if camera is used?

I can't use the camera in fullscreen mode, and neither get a picture or access to the stored image due to the bareBottomNavigation, is there a way to hide it when i use the camera?

        body: Stack(
          children: <Widget>[
            Container(
              child: TabBarView(
                controller: _tabController,
                children: _tabList,
              ),

            ),
            Align(
              alignment: Alignment.bottomCenter,
              child: Theme(
                  data: Theme.of(context).copyWith(canvasColor: Colors.transparent),
                  child: CurvedNavigationBar(
                    index: _currentIndex,
                    onTap: (index) {
                      setState(() {
                        _currentIndex = index;
                      });
                      _tabController.animateTo(_currentIndex);
                    },
                    items: <Widget>[
                      Icon(
                        Icons.subject,
                        size: 30,
                        color: Colors.white,
                      ),
                    ],
                    buttonBackgroundColor: Colors.red,
                    backgroundColor: Colors.white,
                    color: Colors.red,
                    height: 60,
                  ),
              ),
            ),
          ],
        ),
      ),
    );
  }

How to Generate Class and Sequence Diagram in React Native and Flutter?

I Have some project in react native and flutter, but how to display or generate it into class and sequence diagram?

Flutter: How to pass parameter to Future async function

I have to pass parameter to Future async function from floatingbutton

My Codes like

FloatingActionButton(
                     onPressed: getImageFromCam,
                      tooltip: 'Pick Image',
                      child: Icon(Icons.add_a_photo),
                     ),

And

     Future getImageFromCam() async { // for camera
        var image = await ImagePicker.pickImage(source: ImageSource.camera);
        setState(() {
          _image = image;
        });
}

It is multiple button so i have to pass index to async function.

Can anyone please help to solve this.

Thanks in advance

Sathish

How to send a push notification from the Firebase console to a specific GCM/FCM device token ID

In Urban Airship, when I am composing a notification, I can target specific users by searching for a Urban Airship channel_id (device ID):

I sent from Urban Airship the push notification that I am showing above, and I received it successfully. Now I want to do the same thing, send a push notification to a specific device, but now using the Firebase console. The problem is that in Firebase, in the step where I need to specify the target, it only allows me to choose User segment or topic. I was expecting to see a third option: Target specific users (for sending notifications to one or many specific GCM/FCM device token IDs. So my alternative is to add a GCM/FCM device token ID to a topic and then send the push notification to that topic, which is something that I have successfully done before. Nonetheless, that would be a workaround and not the way I would prefer to do this. Is it possible to send push notifications to specific users (by defining the target GCM/FCM device token IDs) from the Firebase console? Thank you.

UPDATE 1: See how the Firebase console (https://console.firebase.google.com/) only shows User segment and Topic as the Target:
How to save the notification received from firebase to view it later?

I have set up firebase and the notification is received properly. Now I want to save that notification to show it later for the user. How can I achieve is ? and it would be helpful if anyone can provide with example
How can I pass a firebase token to a Laravel app?

I've made an app with Laravel. I need to create Android/iOS app also, and I am using Flutter with WebView.

I have to integrate push notifications with Firebase, so that it works on Android/iOS and in Laravel also. But I don't know how I can pass a user token, and device type, to my Laravel app and a link token to the logged in user.

In the Laravel app:

I have created a controller with a store() (method) token in User Model and sendMessage() (method) using curl (action POST) to send a notification to a device/user.

In Flutter framework:

I have integrated Firebase Messaging plugin and installed it. This works fine if I send the notification from Console.

Related questions

How to pass a url(data) or message to app using FCM in flutter?

See also questions close to this topic