Light

poujhit / floating_bubbles Goto Github PK

View Code? Open in Web Editor NEW

16.0 1.0 13.0 48.79 MB

Flutter Package for adding Floating bubbles on the Foreground to any Flutter widget.

Home Page: https://pub.dev/packages/floating_bubbles

License: MIT License

Kotlin 0.69% Dart 97.79% Shell 1.52%

flutter flutterpackage floating-bubbles simpleanimation dart flutter-package

floating_bubbles's Introduction

I am a Software Engineer specialised in application development (both web and mobile)

🛠 Building apps using React-TypeScript, NodeJs, Flutter
🌱 Exploring Blockchain Technology and Go Lang
📩 Reach me out on LinkedIn

Technologies I work with

Languages

Frameworks, Platforms and Libraries

Click here to see my Github stats

Stats

floating_bubbles's People

Contributors

Stargazers

Watchers

Forkers

mjserrato tanapop flucadetena crossbread comobiteam chappie74 herd-ltd anupkumarpanwar mhbdev hitask lenawirtz evan8133 yazanturk

floating_bubbles's Issues

Gravity from top

Can you add gravity from above?

Number of Bubbles less than 10

Why is it not allowed to have less than 10 bubbles?
I only wanted to use 4 large bubbles, and commenting out this part worked without any problems.
assert( noOfBubbles >= 10, 'Number of Bubbles Cannot be less than 10', ),

Bubbles only work on debug build (Android)

When I test using the debug build everything shows up as expected,
both on the emulator and when installed on a real device (Android)

When I build and install the release apk, the bubbles do not show at all.

images inside bubbles?

hello thanks for the cool bubble effect! wondering if it's possible to pull images from a list and populate the bubbles with them?

setState after the widget being disposed

Steps to reproduce:

Create a basic flutter application
Create a StatefulWidget and use this snippet inside a Scaffold body

return Scaffold(
      body: SafeArea(
        child: Stack(
          children: [
            Positioned.fill(
              child: FloatingBubbles(
                noOfBubbles: 25,
                colorsOfBubbles: const [
                  Colors.orange,
                  Colors.red,
                  Colors.blue,
                ],
                sizeFactor: 0.16,
                duration: 5, // in seconds
                opacity: 10,
                paintingStyle: PaintingStyle.fill,
                strokeWidth: 8,
                speed: BubbleSpeed.slow, // normal is the default
              ),
            ),
            Center(
              child: Text('Hello World!')
            ),
          ],
        ),
      ),
    );

before the duration you passed to FloatingBubbles widget navigate to another page.

void initState() {
    Future.delayed(Duration(seconds: 2)).then((_) => Navigator.pushReplacement(context, MaterialPageRoute(builder: (context) => const Scaffold(body: Placeholder(),),)));
    super.initState();
}

After completing the duration of FloatingBubbles widget you can see this error log.

══╡ EXCEPTION CAUGHT BY FLUTTER FRAMEWORK ╞═════════════════════════════════════════════════════════
The following assertion was thrown:
setState() called after dispose(): _FloatingBubblesState#7a888(lifecycle state: defunct, not
mounted)
This error happens if you call setState() on a State object for a widget that no longer appears in
the widget tree (e.g., whose parent widget no longer includes the widget in its build). This error
can occur when code calls setState() from a timer or an animation callback.
The preferred solution is to cancel the timer or stop listening to the animation in the dispose()
callback. Another solution is to check the "mounted" property of this object before calling
setState() to ensure the object is still in the tree.
This error might indicate a memory leak if setState() is being called because another object is
retaining a reference to this State object after it has been removed from the tree. To avoid memory
leaks, consider breaking the reference to this object during dispose().

When the exception was thrown, this was the stack:
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 266:49  throw_
packages/flutter/src/widgets/framework.dart 1097:9                                                                         <fn>
packages/flutter/src/widgets/framework.dart 1131:14                                                                        setState
packages/floating_bubbles/src/bubbles.dart 142:11                                                                          <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1390:47                                          _rootRun
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1300:19                                          run
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1208:7                                           runGuarded
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1248:23                                          <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1398:13                                          _rootRun
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1300:19                                          run
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/async/zone.dart 1232:23                                          <fn>
C:/b/s/w/ir/cache/builder/src/out/host_debug/dart-sdk/lib/_internal/js_dev_runtime/private/isolate_helper.dart 48:19       internalCallback
════════════════════════════════════════════════════════════════════════════════════════════════════

It is happening because inside the widget after finishing the Timer, setState is being called but unfortunately in this example, the state is gone and we cannot call setState.

Control Movement Speed

Hi there, would it be possible to add parameters for controlling (1) the speed at which bubbles appear/disappear and (2) the speed at which bubbles move? Great package by the way!

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.