Description
Implementation
/// Stack parent as background for this screen
Positioned.fill(
child: Stack(
children: [
// TODO: insert blobs here
Positioned(
bottom: -200,
right: -150,
child: Blob.animatedFromID(
id: [
'10-5-9670',
'9-5-9670',
'11-6-9670',
],
size: 500,
controller: BLblobCtrl,
duration: Duration(seconds: 4),
debug: true,
loop: true,
styles: BlobStyles(
color: ColorsConfig.primary,
fillType: BlobFillType.fill,
// gradient: LinearGradient(colors: [Colors.purple, Colors.deepPurple])
// .createShader(Rect.fromLTRB(0, 0, 200, 200)),
gradient: LinearGradient(
colors: [
widget.postViewModel.selectedGraphic.gradients[0].firstColor,
widget.postViewModel.selectedGraphic.gradients[0].secondColor,
],
).createShader(Rect.fromLTRB(0, 0, 200, 200)),
),
),
),
/// other Blobs (animatedRandom)
],
),
),
Debug console output
RangeError (index): Invalid value: Not in inclusive range 0..12: 13
error also iterates with the same frequency specified by duration parameter in Blob.animatedFromID or in some other cases that I cannot distinguish it just loops and fills the entire debug console in a rush.
Flutter Doctor
(base) ologumarian@MacBook-Pro-di-Marian ~ % flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 2.8.1, on macOS 12.2.1 21D62 darwin-x64, locale it)
[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 13.2.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 4.1)
[✓] VS Code (version 1.64.2)
[✓] Connected device (3 available)
• No issues found!