flutter_deep_linking icon indicating copy to clipboard operation
flutter_deep_linking copied to clipboard

Flutter web deep linking sample

Flutter Deep Linking sample

This sample app shows off current best practices for handling deep linking, navigation and routing when using Flutter, including the web, where you have to worry about people editing route names directly in the address bar.

This code also has a blog post that describes the principles used to produce it. I recommend starting there.

Demo

You can try this sample app here.

Files

  • main.dart: where the page widgets are defined, e.g. PersonPage
  • routing.dart: where the app-specific routing is defined, e.g. AppRouteConfig
  • data.dart: the simple data model that goes with this app

Usage

To take advantage of this code, I recommend coping routing.dart into your project, tailoring it to fit your routable pages and then using those classes to MaterialApp.router.

Enjoy.