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.

Libraries

circular_clip_route