- ๐ Building apps using React-TypeScript, NodeJs, Flutter
- ๐ฑ Exploring Blockchain Technology and Go Lang
- ๐ฉ Reach me out on LinkedIn
Languages
|
|
|
|
|
|
|
|
|
|
Frameworks, Platforms and Libraries
|
|
|
|
|
|
|
|
|
|
Flutter Package for adding Floating bubbles on the Foreground to any Flutter widget.
Home Page: https://pub.dev/packages/floating_bubbles
License: MIT License
Languages
|
|
|
|
|
|
|
|
|
|
Frameworks, Platforms and Libraries
|
|
|
|
|
|
|
|
|
|
Can you add gravity from above?
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', ),
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.
hello thanks for the cool bubble effect! wondering if it's possible to pull images from a list and populate the bubbles with them?
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!')
),
],
),
),
);
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();
}
โโโก 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.
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!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.