Help us understand the problem. What is going on with this article?

Flutter Webでクエリパラメータやパスパラメータを使う方法

More than 1 year has passed since last update.

クエリパラメータやパスパラメータはonGenerateRouteを使えば取得可能な模様

雑ですが、下記のような形で実装すればFlutter Webでもクエリパラメータは取得できます。
settingsにパスが入るので、それをクエリパラメータの部分と純粋なパス部分に分割して処理すればいけます。
RouteSettingsを使用すれば、URLもそれに応じて変わるようなので、URL共有して同じページが見れるようになります。
パスパラメータも同様の方法で可能だと思います。

return MaterialApp(
      onGenerateRoute: (settings) {
        var paths = settings.name.split('?');
        var path = paths[0];
        var queryParameters = Uri.splitQueryString(paths[1]);

        if (path == PassArgumentsScreen.routeName) {
          return MaterialPageRoute(
            settings: RouteSettings(name: settings.name), // これによりURLが変わる
            builder: (context) {
              return PassArgumentsScreen(
                title: queryParameters['title'],
                message: queryParameters['message'],
              );
            },
          );
        }
      },
      title: 'Navigation with Arguments',
      home: HomeScreen(),
);

Flutter WebでWeb固有のものはどうなっていくんだろう?🤔

hiko1129
サーバサイド寄りの人
https://note.hiko1129.com/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away