Flutter for web - how use Chrome Api?

Question

I am creating my first Flutter app for web. I need using Chrome api. For example I need to use it:

chrome.runtime.onInstalled.addListener

   or

   chrome.tabs...

but unfortunately I did not find any information about it.

Is it possible?

You can find for about event-onInstalled here https://developer.chrome.com/docs/extensions/reference/runtime/#event-onInstalled — Harshad Prajapati, May 27 '22 at 08:53
Also similar question and answer regarding chrome API is here https://stackoverflow.com/a/40614389/8074416 maybe you find some help from there — Harshad Prajapati, May 27 '22 at 08:53

score 3 · Accepted Answer · answered May 23 '22 at 00:29

Yes, the chrome.* APIs are JavaScript just like all the other web APIs, so you can use Dart's JS support.

That means using Dart's js library.

For example, you could bind a function something like this (untested, without any type annotation, just an example)

@JS('chrome.runtime.onInstalled.addListener')
external void addInstalledListener(Function callback);

Edit: If you'd rather pull in a dependency than roll your own, you can use something like chrome.dart.

import 'package:chrome/chrome_app.dart' as chrome;

void main() {
  chrome.runtime.getPlatformInfo().then((Map m) {
    print(m.toString());
  });
}

1 Answers1