nbrucker/bubble_lens

Bubble Lens

pub package

A reproduction of the Apple Watch UI animation

Example

https://github.com/nbrucker/bubble_lens/blob/main/example/example.gif?raw=true

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!