See also questions close to this topic

• If don’t allow user to update document in firestore then it will also not allow merge?

  I am creating document for every user when they sign up(using firebase Authentication ) using cloud function after that i do not want that user can merge any extra field in this document but user can update existing field.How can i do this?
• Firebase image upload with swift

  When i run code, completion handler block does not working.When line work "mediaFolder.child(userId!).putData(data, metadata: nil) { (metadata, error) in" image file upload in storage but code does not running in block. This is my code.

  if let data = self.profileImage.image?.jpegData(compressionQuality: 0.5){
       mediaFolder.child(userId!).putData(data, metadata: nil) { (metadata, error) in
       if error != nil {
           // errror 
       } else {
            enter code here }
  
• Showing loading indicator while writing data to Firestore

  I have a question regarding the fact, that i cant seem to figure out how to show a loader when updating firestore.

  I have provided this following example, but dont mind the things i have used in the example. The point is, that I cant seem to figure out how to show a loading indicator until all creations or updates are completely finished.

  If i try to setstate before and after the firestore call, the spinner will only appear in 1 second, since the actual call is running in the background (asynchronously i think) when it is updating the firestore.

  Can anyone please help me out?

  Thanks in advance.

  array.forEach(itemInArray => {
  db.where(test, '==', itemInArray.test )get()
    .then((result) => {
      // try to update doc first
      db.doc(result.docs[0].id).update({
        test: 'test'
      });
    })
    // update successfull
    .then(() => console.log('Document exists! We have updated the current one'))
    // If the update failed, we create new doc
    .catch((err) => {
      console.log('Created document);
      db.doc().set({
        test: 'test'
      });
    });
  

  });
• Dart: convert Observable to Future and vice-versa?

  How can I convert a Dart Observable to a Future and vice-versa?
• Flutter canvas boundary fill / flood fill

  I'm trying to do a boundary fill in my flutter app upon the touch event in the GestureDetector, Inside the Sketcher, I cannot find a proper way to get the color from the point in the canvas.

  here is the example code: import 'package:flutter/material.dart'; import 'dart:ui';

  class PaintBodyPageFake extends StatefulWidget {
    @override
    State createState() => PaintBodyPageFakeState();
  }
  
  class PaintBodyPageFakeState extends State<PaintBodyPageFake> {
    List<Offset> _history = <Offset>[];
    Offset _touchPoint;
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: const Text('Paint'),
        ),
        body: Container(
          child: GestureDetector(
            onTapDown: (TapDownDetails details) {
              setState(() {
                RenderBox box = context.findRenderObject();
                Offset point = box.globalToLocal(details.globalPosition);
                _touchPoint =
                    point.translate(-5, -AppBar().preferredSize.height - 30);
                print('draw $_touchPoint');
                _history.add(_touchPoint);
                _history = _history;
              });
            },
            child: _buildSketchArea(),
          ),
        ),
      );
    }
  
    _buildSketchArea() {
      RenderBox renderBox = context.findRenderObject();
  
      var humanImage = Image.asset(
        'assets/arm.png',
        fit: BoxFit.contain,
        scale: 0.1,
      );
      final Container sketchArea = Container(
        margin: EdgeInsets.all(4.0),
        alignment: Alignment.topLeft,
        color: Colors.transparent,
        child: CustomPaint(
          painter: Sketcher(_touchPoint, renderBox),
          child: Center(child: humanImage),
        ),
      );
      return sketchArea;
    }
  }
  
  class Sketcher extends CustomPainter {
    Offset _touchPoint;
    RenderBox _renderBox;
  
    Sketcher(this._touchPoint, this._renderBox);
  
    @override
    bool shouldRepaint(Sketcher oldDelegate) {
      return true;
    }
  
    @override
    void paint(Canvas canvas, Size size) {
      Paint paint = Paint()
        ..color = Colors.blue
        ..strokeCap = StrokeCap.round
        ..strokeWidth = 5.0;
  
      if (_touchPoint != null) {
        _boundaryFill4(canvas, _touchPoint, paint);
      }
    }
  
    /**
     * unable to get the color from the point
     */
    _boundaryFill4(Canvas canvas, Offset point, Paint paint) {
      if (_renderBox.paintBounds.contains(point)) {
        canvas.drawLine(point, point, paint);
  
        Offset northPoint = Offset(point.dx, point.dy - 1);
        _boundaryFill4(canvas, northPoint, paint);
      } else {
        return print('end filling color');
      }
    }
  }
  

  Here is the expected result: ![Expected result:][https://i.stack.imgur.com/65RSq.png]
• Flutter stuck at Installing build\app\outputs\apk\app.apk

  when I run

  $ flutter run
  

  I'm getting a prompt in my mobile device asking if I want to install the app on my device. I give yes, then nothing happening!

  It's stuck here

  Launching lib/main.dart on POCO F1 in debug mode...
  Initializing gradle...                                           1.5s
  Resolving dependencies...                                        9.2s
  Gradle task 'assembleDebug'...                                  22.9s
  Built build\app\outputs\apk\debug\app-debug.apk.
  Installing build\app\outputs\apk\app.apk...                     14.9s
  

  Then nothing.
• convert english number with farsi number in Dart

  I'm new in Dart and flutter.

  I want to replace English number with Farsi number. How can implement this?

  1-2-3-4-5-6-7-8-9 ==> ‍‍۱-۲-۳-۴-۵-۶-۷-۸-۹
  
• Rails: Rpush Push notifications using FCM supported?

  I am initialising a project which uses push notifications. Going through the available gems rpush seems to be a decent one. But after i went through its documentation its not clear whether it supports the FCM or not. Documentation seems to be old. As google has already deprecated GCM (link) i want to start with FCM only. So is it advisable to use rpush or is there any better alternative?
• Can't get custom push notification event working in PWA (Firebase)

  I've been searching for a few hours on how to get my custom push notification working. Here is how I've set up my project: no front-end framework, a Node.js/Express.js back-end, Firebase Cloud Messaging (FCM) as push manager and a custom service worker. I am currently hosting the app on localhost and I have HTTPS set up and a manifest.json that contains the minimum amount of fields to get started. The manifest.json contains a start_url field that points to /index.html, the landing page for the app. The app is bundled with webpack v. 4.

  Back-end

  On the back-end, I have set up the Firebase Admin SDK in a specific router and I send a custom notification object a bit like the following to the FCM server:

  let fcMessage = {
    data : {
      title : 'Foo',
      tag : 'url to view that opens bar.html'
    }
  };
  

  When an interesting event occurs on the back-end, it retrieves a list of users that contains the FCM registration tokens and sends the notification to the FCM servers. This part works great.

  Front-end

  I have two service workers on the front-end. Inside my front-end index.js, I register a custom service worker named sw.js in the domain root and tell firebase to use that service worker like so:

  if ('serviceWorker' in navigator) {
      navigator.serviceWorker.register('./sw.js')
               .then(registration => {
                    messaging.useServiceWorker(registration);
               })
               .catch(err => console.error(`OOps! ${err}`));
  }
  

  FCM and its credentials are set up and the user can subscribe to push notifications. I won't show that code here since it works and I don't believe it is the issue.

  Now on to the service workers themselves. I have a firebase-messaging-sw.js file at the root of my domain. It contains the following code:

  importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-app.js');
  importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js');
  
  firebase.initializeApp(configuration);
  const messaging = firebase.messaging();
  

  Configuration is just a placeholder for all of the creds. Again that stuff works.

  What I want to do is to NOT use the FCM push notification and instead create my own push notification that contains a url to a view that the user can click on and go to that view. The following code almost works and is a hack I found on another site:

  class CustomPushEvent extends Event {
    constructor(data) {
      super('push');
  
      Object.assign(this, data);
        this.custom = true;
      }
  }
  self.addEventListener('push', (e) => {
    console.log('[Service Worker] heard a push ', e);
    // Skip if event is our own custom event
    if (e.custom) return;
  
    // Keep old event data to override
    let oldData = e.data;
  
    // Create a new event to dispatch
    let newEvent = new CustomPushEvent({
      data: {
        json() {
          let newData = oldData.json();
          newData._notification = newData.notification;
          delete newData.notification;
          return newData;
        },
      },
  
      waitUntil: e.waitUntil.bind(e),
    })
  
      // Stop event propagation
      e.stopImmediatePropagation();
  
      // Dispatch the new wrapped event
      dispatchEvent(newEvent);
  });
  
  messaging.setBackgroundMessageHandler(function(payload) {
    if (payload.hasOwnProperty('_notification')) {
      return self.registration.showNotification(payload.data.title,
        {
          body : payload.data.text,
          actions : [
              { 
                  action : `${payload.data.tag}`,
                  title : 'Go to link'
              }
          ]
      });
    } else {
      return;
    }
  });
  
    self.addEventListener('notificationclick', function(e) {
      console.log('CLICK');
  
      e.notification.close();
  
      e.waitUntil(clients.matchAll({ type : 'window' })
       .then(function(clientList) {
         console.log('client List ', clientList);
         const cLng = clientList.length;
         if (clientList.length > 0) {
            for (let i = 0; i < cLng; i++) {
              const client = clientList[i];
  
              if (client.url === '/' && 'focus' in client) {
                return client.focus();
              }
          }
      } else {
          console.log('no clients ', e.action);
          clients.openWindow(e.action)
              .then(client => {
                  console.log('client ', client);
                  return client.navigate(e.action);
              })
              .catch(err => console.error(`[Service Worker] cannot open client : ${err} `));
      }
    }))
  

  });

  The hack is meant to capture a push event and the FCM default notification payload and instead serve that payload through a custom one made via the Notification API.

  The code above works great but ONLY if I put it in the firebase-messaging-sw.js file. That's not what I really want to do: I want to put it in the sw.js file instead but when I do, the sw.js cannot hear any push events and instead I get the default FCM push notification. I've also tried importing the entire firebase-messaging-sw scripts into the custom service worker and it still won't hear the message events.

  Why do I want to use it in my service worker instead of the Firebase one? It's to be able to open the app on the view passed into the 'tag' field on the notification's body. If I use the Firebase service worker, it tells me that it's not the active registered service worker and though the app does open in a new window, it only opens on /index.html.

  Some minor observations I've made: the clients array is always empty when the last bit of code is added to the firebase-messaging-sw.js file. The custom service worker is installed properly because it handles the app shell cache and listens to all of the other events normally. The firebase-messaging-sw service worker is also installed properly.
• How to do custom turn on/off push notification in Background and Kill

  I need to develop custom turn off/on push notification. Value "on" or "off" I get from SharedPreferences.

  In Foreground the option of turn off works well because it can set in onMessageReceived.

  But how to do this options for Kill and Background modes?

  For sending push notifications I use Postman.

  My code in FMC:

  class MyFirebaseMessagingService : FirebaseMessagingService() {
  
  private val CURRENT_PUSH = "currentPush"
  private var sPref: SharedPreferences? = null
  
  override fun onMessageReceived(remoteMessage: RemoteMessage?) {
      super.onMessageReceived(remoteMessage)
  
      if(loadCurrentPushNotification()) {
          if (remoteMessage!!.data != null) sendNotification(remoteMessage)
      }
  }
  
  private fun sendNotification(remoteMessage: RemoteMessage) {
      val data = remoteMessage.data
  
      val title = data["title"]
      val content = data["content"]
  
      val notificationManager = getSystemService(Context.NOTIFICATION_SERVICE) as NotificationManager
      val NOTIFICATION_CHANNEL_ID = "1234"
  
      if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
          @SuppressLint("WrongConstant") val notificationChannel = NotificationChannel(NOTIFICATION_CHANNEL_ID,
                  "SA Notification",
                  NotificationManager.IMPORTANCE_MAX)
  
          notificationChannel.description = "SA channel notification"
          notificationChannel.enableLights(true)
          notificationChannel.lightColor = Color.RED
          notificationChannel.vibrationPattern = longArrayOf(0, 1000, 500, 1000)
          notificationChannel.enableVibration(true)
  
          notificationManager.createNotificationChannel(notificationChannel)
      }
  
  
      val notificationBuilder = NotificationCompat.Builder(this, NOTIFICATION_CHANNEL_ID)
  
      notificationBuilder.setAutoCancel(true)
              .setDefaults(Notification.DEFAULT_ALL)
              .setWhen(System.currentTimeMillis())
              .setSmallIcon(R.drawable.sa_launcher)
              .setContentTitle(title)
              .setContentText(content)
              .setContentInfo("Breaking")
  
      notificationManager.notify(1, notificationBuilder.build())
  }
  
  private fun loadCurrentPushNotification(): Boolean { //to read the status push notification from SharedPreferences
      sPref = getSharedPreferences("pushesOnOff", Context.MODE_PRIVATE)
      return sPref!!.getBoolean(CURRENT_PUSH, true)
  }
  
  }