circular_clip_route 0.2.0

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.

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.