floating_bubbles 2.0.0-nullsafety.2

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: ^2.0.0-nullsafety.2

Import the package:

import 'package:floating_bubbles/floating_bubbles.dart';

Usage

This Package is Null Safety supported. and it is a prerelease. Eventually this prerelease will be made stable going forward.
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

• My Other Works

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