web-dev-qa-db-ja.com

名前付きルートにフラッターWebのURLパラメーターを設定するにはどうすればよいですか？

私は、投稿IDを取得するルートが必要なWebアプリを構築していて、そのIDを使用して投稿を取得します。

どうすればURL引数を取得できますか。たとえば、/post/:idとすると、idが引数になります

私のアプリは現在そのように見えます：

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      // title: "Paste",
      initialRoute: "/",
      theme: ThemeData(
          primarySwatch: Colors.green,
          primaryColor: Colors.blue
      ),
      routes: {
        "/": (context) => HomePage(),
        "/post": (context) => PastieRoute()
      },
      debugShowCheckedModeBanner: false
    );
  }
}

編集：これは私が@BloodLossに従って試したものであり、何らかの理由で_localhost:8080/post?id=123にアクセスしたときにコンソールに何も表示されません

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      initialRoute: "/",
      routes: {
        "/": (context) => HomePage(),
        "/post": (context) => PastieRoute()
      },
      onGenerateRoute: (settings) {
        if (settings.name == "/post") {
          print(settings.arguments); // Doesn't fire :(

          return MaterialPageRoute(
            builder: (context) {
              // TODO
            }
          );
        }
      },
      debugShowCheckedModeBanner: false
    );
  }
}
flutterdartflutter-web
9
TheOnlyArtz

これは私がやった方法です。必要に応じて編集できます。 ？q =を使用する場合は、split byまたはregexを適宜使用します

引数を渡すだけでなく、URLを/ topic /：idとして渡す例を次に示します。

  Route<dynamic> generateRoute(RouteSettings settings) {
  List<String> pathComponents = settings.name.split('/');
  final Map<String, dynamic> arguments = settings.arguments;
  switch ("/"+pathComponents[1]) {
    case shareTopicView:
      return MaterialPageRoute(
          builder: (context) => TopicPageLayout(topicID: pathComponents[2]));
    case internalTopicView:
      return MaterialPageRoute(
          builder: (context) => TopicPageLayout(topicID: arguments['topicID']));
    default:
      return MaterialPageRoute(builder: (context) => LandingPage());
  }
}
0
Dheeraj Sarwaiya

そしてここにそれを行う別の方法があります：

私のURLパターン：www.app.com/#/xLZppqzSiSxaFu4PB7Ui

onGenerateRoute: (settings) {
          List<String> pathComponents = settings.name.split('/');
          if (pathComponents[1] == 'invoice') {
            return MaterialPageRoute(
              builder: (context) {
                return Invoice(arguments: pathComponents.last);
              },
            );
          } else
            return MaterialPageRoute(
              builder: (context) {
                return LandingPage();
              },
            );
          ;
        },
0
Svongripp