How do I open an external url in flutter web in new tab or in same tab

Question

I have a simple web app I have created with flutter web. I would like to know how I can open new an external url either in a new tab or in the same tab in my flutter web app. say I want to open the url https://stackoverflow.com/questions/ask

Answer 1

I think you want this — dart:js enables interoperability between Dart and JS —:

import 'dart:js' as js;  // ...  FlatButton(   child: Text('Button'),   onPressed: () {     js.context.callMethod('open', ['https://stackoverflow.com/questions/ask']);   }, ) 

Answer 2

One simple way is to just create a button and use dart:html's window.open() method:

import 'dart:html' as html;  // ...  html.window.open('https://stackoverflow.com/questions/ask', 'new tab'); 

The name parameter — which I left as 'new tab' — refers to the new tab's window name, about which you can learn more from MDN's documentation.