circular_clip_route 0.1.2

Flutter Android iOS web

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.

This drawing visualises the geometry involved in creating the route transition.

Illustration of the geometry of the 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.

23
likes
110
pub points
72%
popularity

Publisher

gabriel.terwesten.net

A page route which reveals its page by expanding a circular clip.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on circular_clip_route