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!