How can a named route have URL parameters in flutter web?

by

tl;dr

//in your example: settings.name = "/post?id=123"
final settingsUri = Uri.parse(settings.name);
//settingsUri.queryParameters is a map of all the query keys and values
final postID = settingsUri.queryParameters['id'];
print(postID); //will print "123"

Drilldown

In a perfect world you would access queryParameters with Uri.base.queryParameters because:

Uri.base

Returns the natural base URI for the current platform.
When running in a browser this is the current URL of the current page (from window.location.href).
When not running in a browser this is the file URI referencing the current working directory.

But currently there is an issue in flutter where you have #/ in your path which messes the Uri.base interpretation of the Uri.
Follow the issue #33245 until this matter is addressed and you will be able to use Uri.base.queryParameters

More Related Contents:

  1. How to import platform specific dependency in Flutter/Dart? (Combine Web with Android/iOS)
  2. Scroll Function In Flutter Web
  3. How can I navigate between 2 classes, one of them requires passing data? in flutter
  4. How to remove hash (#) from URL in Flutter web
  5. How to save and download text file in Flutter web application
  6. “The operator can’t be unconditionally invoked because the receiver can be null” error after migrating to Dart null-safety
  7. No data from sever API’s is not showing on Listview using flutter
  8. How to wait for forEach to complete with asynchronous callbacks?
  9. Flutter: Scrolling to a widget in ListView
  10. Flutter how to programmatically exit the app
  11. How to make flutter app responsive according to different screen size?
  12. How to take a screenshot of the current widget – Flutter
  13. How to create dropown list in flutter where data comes from API?
  14. Iterating through a list to render multiple widgets in Flutter?
  15. How can I add a border to a widget in Flutter?
  16. Do not use BuildContexts across async gaps
  17. Flutter: how to prevent device orientation changes and force portrait?
  18. The equivalent of wrap_content and match_parent in flutter?
  19. How to Pick files and Images for upload with flutter web
  20. Could not find the correct provider above this widget
  21. How do I disable a Button in Flutter?
  22. Flutter web can’t load network image from another domain
  23. Create a rounded button / button with border-radius in Flutter
  24. The argument type ‘Function’ can’t be assigned to the parameter type ‘void Function()?’ after null safety
  25. Unhandled Exception: PlatformException(channel-error, Unable to establish connection on channel., null, null)
  26. How to work with progress indicator in flutter?
  27. Why can’t I use context.read in build(), but I can use Provider.of with listen: false?
  28. Dart Future.wait for multiple futures and get back results of different types
  29. Flutter Navigation pop to index 1
  30. How can I detect if my Flutter app is running in the web?

Leave a Comment