route_pattern_generator

Last updated:

0 purchases

route_pattern_generator Image
route_pattern_generator Images
Add to Cart

Description:

route pattern generator

route_pattern_generator #
A Dart static code generator that produces matchers and builders from route URI patterns.
Quickstart #
Define your patterns as constant strings annoted with @route.
import 'package:route_pattern/route_pattern.dart';
import 'package:flutter/widgets.dart';

part 'routes.g.dart';

@RoutePattern("/?tab&[int]scroll")
Route home(RouteSettings settings, HomeRouteArguments arguments) {
// returns a Route
}

@RoutePattern("/article/:[int]id")
Route article(RouteSettings settings, ArticleRouteArguments arguments) {
// returns a Route
}
copied to clipboard
Each constant will generate a Route with a build and match method, and a associated Argument class (an example of the generate sources is available in the sample).
// Build specific routes
final path = Routes.home.build(HomeRouteArguments(tab: "users"));
expect(path, "/?tab=users");

final path = Routes.article.build(ArticleRouteArguments(id: "12345"));
expect(path, "/article/12345");

// Match specific routes
final match = Routes.home.match("/?tab=users");
expect(match.isSuccess, true);
expect(match.arguments.tab, 'users');

final match = Routes.article.match("/article/12345");
expect(match.isSuccess, true);
expect(match.arguments.id, '12345');

// Or get the first matching route
final match = Routes.match("/article/12345");
if(match is MatchResult<ArticleRouteArguments>) {
expect(match.arguments.id, '12345');
}
copied to clipboard
A Routes.onGenerateRoute method is also generated to use in your app or navigator. It will match the first route which settings name matches a pattern and call your declared function with corresponding arguments.
import 'package:sample/routes.dart';
import 'package:flutter/material.dart';

class ExampleApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
onGenerateRoute: Routes.onGenerateRoute,
// ...
);
}
}
copied to clipboard
To navigate to a given route, a Routes.push method is also available :
await Routes.push(context, ArticleRouteArguments(id: '12345'));
copied to clipboard
How to use #
Install #
There are a few separate packages you need to install:
dependencies:
route_pattern:

dev_dependencies:
route_pattern_generator:
build_runner:
copied to clipboard
Pattern format #
A route pattern is composed of static segments separated with /, required parameters as dynamic segments (starting with :), and optional parameters as query parameters (starting with ? and separated by &).
Typing parameters #
By default, arguments are of type String, but a custom type surrounded with [ and ] can be added at the beginning of a required or optional parameter. This type must have static T parse(String value) and String toString() methods to serialize and deserialize arguments from path.
Example
/article/:[int]id/details?tab&[int]scroll

article : static segment
id : required dynamic segment of type int
details : static segment
tab : optionnal query parameter of type String
scroll : optionnal query parameter of type int

This example will match those URIs :

/article/26436/details
/article/1234/details?tab=second
/article/98904/details?tab=first&scroll=8

Run the generator #
To run the generator, you must use build_runner cli:
flutter pub pub run build_runner watch
copied to clipboard

License:

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.