[Flutter] Flutter WebでURLが遷移時に変わるようにする方法

Navigate with named routesを使う

下記のようにroutes、initialRouteを使用するように変更して

MaterialApp(
  initialRoute: '/',
  routes: {
    '/': (context) => FirstPage(),
    '/second': (context) => SecondPage(),
  },
);

下記のようにpushNamedを利用して遷移することでURLが変わるようになるようです。

onPressed: () {
  Navigator.pushNamed(context, '/second');
}

Navigate with named routesで書き換えてみた

以前書いた[Flutter] 既存のFlutterのコードをFlutter Webで動かしてみたをNavigate with named routesで書き換えてみました。

ちゃんとURLが変わるようになりました!