Bubble Lens

pub package

A reproduction of the Apple Watch UI animation

Example

Usage

Import the package

import 'package:bubble_lens/bubble_lens.dart';

Use the package

BubbleLens(
    width: 250,
    height: 250,
    widgets: [
        Container(
            width: 100,
            height: 100,
            color: Colors.red
        ),
        ...
    ]
);

Required Parameters

Prop Type Default Description
width double N/A Width of the container.
height double N/A Height of the container.
widgets List N/A List of widgets to display.

Optional Parameters

Prop Type Default Description
size double 100 Maximum size of a widget.
paddingX double 10 Horizontal padding between widgets.
paddingY double 0 Vertical padding between widgets.
duration Duration Duration(milliseconds: 100) Animation's duration.
radius Radius Radius.circular(999) Widget's radius.
highRatio double 0 High ratio, should be >= 0.
lowRatio double 0 Low ratio, should be >= 0.

Example

Find the example wiring in the Bubble Lens example application.

Details

See the bubble_lens.dart for more details.

Issues and feedback

Please file issues to send feedback or report a bug. Thank you!

Libraries

bubble_lens