calling javascript from Dart

Question

i was able to fire off an alert message from dart, but couldn't figure out how to call a function I wrote in another js file from dart. This would have been a great selling point if it was straight forward. I did see this post, which got me started, but i feel there must be a way, so please share the love if you figured it out.

Here's what I've done:

1. Add this to yaml file:

   dependencies: js: hosted: js

2. Add import statement to top of dart file: import 'package:js/js.dart' as js;

3. Add this bit of code to show alert message

   js.scoped(() { js.context.alert("jump for joy!"); });

4. Here's the part which I think should work but doesn't: given that I have a javascript function doSomething(), I should be able to call

   js.context.doSomething();

Answer 1

First add the js package as dependency in your pubspec.yaml :

dependencies:
  js: any

Then you can use your own js function myFunc() like that :

import 'package:js/js.dart' as js;

main() {
  js.context.myFunc();
}

js.context is an alias to javascript window.

See Using JavaScript from Dart: The js Library for more details.