How to keep the Url parameters in Flutter web route path

Question

I am building a flutter web app which requires a url parameter in the start.

Currently it needs a parameter like http://localhost:49844/?id=105897

But after the app catches the url it disappears (like http://localhost:49844/#/) from the web address bar causing the application to fail on refresh of the site. Is there a way to keep the parameter once in the Url path?

In my code I use code below to get the parameter value from the Url

String appUrl = Uri.base.queryParameters["id"].toString();

Also, I use home: instead of routes as I only have a single page to be displayed.

You can use approach in stackoverflow.com/questions/67092113/… — Tran Dat
– Tran Dat, Commented Nov 20, 2024 at 14:40

MJ Studio · Accepted Answer · 2022-10-06 02:05:06Z

1

I think you need to try initialRoute and onGenerateRoute instead of home

This is just sample code, you can check docs for a more precise way. And this answer.

  MaterialApp(
    initialRoute: '/?id=105897',
    onGenerateRoute: (settings) {
      Uri uri = Uri.parse(settings.name);
      int id = int.parse(uri.queryParameters['id']);
      return const Home(id);
    },
  );

answered Oct 6, 2022 at 2:05

MJ Studio

4,7011 gold badge31 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Istiaque Ahmed Over a year ago

What to do for unnamed routes ?

Yash · Accepted Answer · 2024-04-29 06:42:03Z

0

Add flutter_web_plugins and execute flutter pub get command in the terminal.

// pubspec.yaml

dependencies:
  flutter:
    sdk: flutter
  flutter_web_plugins:
    sdk: flutter


  cupertino_icons: ^1.0.2
  timelines: ^0.1.0
  image: ^4.1.7
  touchable: ^1.0.2
  encrypt: ^5.0.1
  http: ^0.13.6
  ...

Next, call usePathUrlStrategy() inside main()

// main.dart

import 'package:flutter_web_plugins/flutter_web_plugins.dart';

void main() {
  usePathUrlStrategy();
  runApp(const MyApp());
}

Relaunch the project.

answered Apr 29, 2024 at 6:42

Yash

4176 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to keep the Url parameters in Flutter web route path

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related