circular_clip_route 0.2.0-nullsafety.0
circular_clip_route: ^0.2.0-nullsafety.0 copied to clipboard
A page route which reveals its page by expanding a circular clip.
circular_clip_route #
A Flutter package which provides a page route which reveals its page by expanding a circular clip.
![](https://raw.githubusercontent.com/blaugold/circular_clip_route/master/doc/example-screen-recording.gif)
This drawing visualises the geometry involved in creating the route transition.
Usage #
The example app shows an example of how to use the package.
CircularClipRoute
#
final navigationTrigger = Builder(
builder: (context) {
return IconButton(
icon: Icon(Icons.favorite),
onPressed: () {
Navigator.push(context, CircularClipRoute<void>(
builder: (_) => MyRoute(),
// This context will be used to determine the location and size of
// the expanding clip. Here this will resolve to the `IconButton`.
expandFrom: context,
));
}
);
}
);
References #
Inspired by this shot.
License #
Licensed under the MIT license.