url_strategy 0.2.0
url_strategy: ^0.2.0 copied to clipboard

Flutter package that allows setting the web app URL strategy with a single line of code.

url_strategy GitHub stars #

Package for Flutter apps that allows setting the web URL strategy with a single line of code.

Usage #

To use this plugin, follow the installing guide.

Setting the URL strategy #

If you want to remove the leading hash (#) from the URL of your Flutter web app, you can simply call setPathUrlStrategy in the main function of your app:

import 'package:url_strategy/url_strategy.dart';

void main() {
  // Here we set the URL strategy for our web app.
  // It is safe to call this function when running on mobile or desktop as well.
  setPathUrlStrategy();
  runApp(MyApp());
}

Now, your Flutter web app will not have a leading # in the URL anymore.

It is safe to call the function even when running on any other platform than web (which is the point of this package). That means that you can safely call setPathUrlStrategy when running on mobile or desktop - it will simply be a noop.

Base

Make sure that you have <base href="/"> included inside the <head> section of your web/index.html if you want to use the path URL strategy.
This is included by default when you create a new Flutter project.

Furthermore, you need to ensure that your production HTTP server always serves your web/index.html file for all paths.

See this more detailed StackOverflow answer for more information.

Hash strategy

You can also use a hash URL strategy instead (which is the default) by calling setHashUrlStrategy.

87
likes
130
pub points
93%
popularity

Publisher

simpleclub.com

Flutter package that allows setting the web app URL strategy with a single line of code.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD (LICENSE)

Dependencies

flutter_web_plugins

More

Packages that depend on url_strategy