How can I change the url in Flutter web?

Question

I need to change the content of this web page

for this content

And also change the url from "localhost:49318/#/home/inicio" to "localhost:49318/#/home/other".

All of this without using the Navigator.

In a mobile app I would change the widget shown with a set state, but doing that on a web page wouldn't change the url.

Symphonia

Answer 1

I use Fluro (a package) to control my routes, but eventually I need to change the URL without redirecting.

The solution is pretty simple

Import this:

import 'dart:html' as html;

Then in your code, use this to change the URL without affecting the current page

html.window.history.pushState(null, 'home', '#/home/other');

Cal

Thanks for letting us know about this package. It looks really awesome and I am going to use it in my own project. – Africanist

On pressing the back button it is not going to the last screen, for that we're required to press the browser's back button twice – Gissing

Answer 2

The url in browser won't change unless you navigate it to specific one.
Yes, setState((){}) will work in mobile(here too) but it will change/replace the widget to the new one it won't navigate to your target.

Tanga

Answer 3

If you use Flutter Navigator 2.0 you can use a RouteNavigationParser which handles URL parsing for you.

Lightship

Answer 4

If you want to change the url to a html page, you can just use:

Import

import 'dart:html' as html;
// or even better: import 'package:universal_html/html.dart' as html;

final myPath = 'payment.html';
html.window.location.href = myPath;

(considering your file located at web/payment.html)

Loment

Answer 5

How about :

 SystemNavigator.routeInformationUpdated(
      uri: "url",
    );

Womanish