nbrucker/bubble_lens

Bubble Lens

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!

bubble_lens's Issues

Lazy load

This package is great. Is there a way for lazy load or infinite scroll. I speaking of a way to load initially 25 bubbles at the beginning and when the user reaches the edge to load new bubbles into the view. This package is extremely great.

physics / inertia

thanks for the great package!
any way to add fling behavior and tap to stop? also some dampening when the fling/flick/pan ends?

performance / lazy load

on ios, if i have 100 or so images in the bubble lens, i notice my phone really heats up. is this a performance issue? any way to lazy load?
thanks

Not centered on Android

On my android it looks like that... not centered... I am doing something wrong?
Thanks