floating_bubbles 1.0.0 floating_bubbles: ^1.0.0 copied to clipboard
A Flutter Package for adding Floating bubbles on the Foreground to any Flutter widget.
Floating Bubbles #
A Flutter Package for adding Floating bubbles in the Foreground to a widget. #
Getting Started #
In your flutter project(in pubspec.yaml) add the dependency:
dependencies:
floating_bubbles: ^1.0.0
Import the package:
import 'package:floating_bubbles/floating_bubbles.dart';
Usage #
Api Reached a Stable version. There won't be any changes to the existing features. Only new Features will be added. #
Here is an snippet on how to use Floating Bubbles to any Widget.
Creating FloatingBubbles() (this creates the animation and plays for amount of time you give as the duration.) #
return Stack(
children: [
Positioned.fill(
child: Container(
color: Colors.red,
),
),
Positioned.fill(
child: FloatingBubbles(
noOfBubbles: 25,
colorOfBubbles: Colors.green.withAlpha(30),
sizeFactor: 0.16,
duration: 120,//120 seconds.
opacity: 70,
paintingStyle: PaintingStyle.stroke,
strokeWidth: 8,
),
);
Creating FloatingBubbles.alwaysRepeating() (Creates Floating Bubbles that always floats and doesn't stop.) #
return Stack(
children: [
Positioned.fill(
child: Container(
color: Colors.red,
),
),
Positioned.fill(
child: FloatingBubbles.alwaysRepeating(
noOfBubbles: 25,
colorOfBubbles: Colors.green.withAlpha(30),
sizeFactor: 0.16,
opacity: 70,
paintingStyle: PaintingStyle.fill,
),
);
Parameters: #
For Creating FloatingBubbles() #
Name | Description | Is It Required | Default Value |
---|---|---|---|
noOfBubbles |
No. of Bubbles to be present in the screen at a given Time | Yes | - |
colorOfBubbles |
Color of the bubbles | Yes | - |
sizeFactor |
Size Factor of each bubbles | Yes | - |
duration |
Duration to play the animation (input is taken as seconds) | Yes | - |
opacity |
Opacity of the bubbles | No | 60 |
paintingStyle |
Painting Style of the bubbles. | No | PaintingStyle.fill |
strokeWidth |
Stroke Width of the bubbles. This value is effective only if Painting Style is set to PaintingStyle.stroke . |
No | 0 |
For Creating FloatingBubbles.alwaysRepeating() #
Name | Description | Is It Required | Default Value |
---|---|---|---|
noOfBubbles |
No. of Bubbles to be present in the screen at a given Time | Yes | - |
colorOfBubbles |
Color of the bubbles | Yes | - |
sizeFactor |
Size Factor of each bubbles | Yes | - |
opacity |
Opacity of the bubbles | No | 60 |
paintingStyle |
Painting Style of the bubbles. | No | PaintingStyle.fill |
strokeWidth |
Stroke Width of the bubbles. This value is effective only if Painting Style is set to PaintingStyle.stroke . |
No | 0 |
Example #
The code for the Example shown below is here.
About Me #
Support #
Give a ⭐/👍 if you liked the work!! :) Suggestions are Welcome. Any issues just open an issue. I will reach you as soon as possible.
License #
The Scripts and Documentation in this project are released under the MIT License