.blooming_flutter — Fine-Grained Reactive UI Engine for Flutter

Blooming Flutter

High-Performance, Fine-Grained Reactive UI Bindings, Durable Animations, and Listenable Bridges for Flutter

Powered by the Bloom 2-Phase LPDAG Pure Dart Engine. For pure Dart core specifications, architecture whitepapers, and CLI/backend reactivity, visit blooming.

Overview #

Blooming Flutter (package:blooming_flutter) is the official Flutter reactive UI binding framework for the Bloom state engine. Directly bridging Bloom's Push-Dirty, Lazy-Pull LPDAG (Lazy Pull Directed Acyclic Graph) into the Flutter Widget and Element hierarchy, blooming_flutter eliminates coarse-grained subtree rebuilds, ambient context tracking traps, listener leaks, and unmount animation state destruction.

In traditional Flutter state management architectures, state updates trigger top-down subtree rebuilds across parent and sibling widgets. Even with selective builders, ambient tracking scopes often cause accidental dependencies, memory leaks during unmounts, and screen-flicker during asynchronous revalidations.

blooming_flutter embeds zero-overhead reactive boundary terminals (RawComputedTerminal<Widget>) directly into specialized Flutter Element subclasses (BloomElement, composed elements). When a reactive state node mutates, only the exact leaf widget listening to that node marks itself dirty, leaving parent layouts, sibling elements, and surrounding trees completely uninvoked.

3-Second Quick Start #

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

// 1. Pure reactive state nodes & controllers (No Codegen, No Global State Traps)
final likes = blooming(0);

// Zero-Disposal Motion: pauses on unmount and resumes cleanly without boilerplate
final pulse = DurableAnimationController(
  duration: const Duration(milliseconds: 800),
)..repeat(reverse: true);

// 2. Zero StatefulWidget: BloomWidget unifies 60/120fps motion, scoped DI, and micro-rebuilds
base class LiveMetricCard extends BloomWidget {
  const LiveMetricCard({super.key});

  @override
  Widget build(BuildContext context, BloomVia via) {
    return Column(
      children: [
        // A. 60/120fps inline animation (driven via composed.animate without manual TickerProvider)
        composed.animate(
          pulse,
          (context, via, ctrl) => Transform.scale(
            scale: 1.0 + (ctrl.value * 0.1),
            child: const Icon(Icons.bolt, color: Colors.amber),
          ),
        ),

        // B. Surgical micro-rebuild (spamming likes rebuilds ONLY this single Text element)
        composed((context, via) => Text('Likes: ${via(likes.bloom)}')),

        IconButton(onPressed: () => likes.data++, icon: const Icon(Icons.favorite)),
      ],
    );
  }
}

Click to view ASCII Architecture & Taxonomy Map

┌────────────────────────────────────────────────────────────────────────────┐
│                  Blooming Flutter Architecture & Taxonomy                  │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│  1. Reactive UI Boundaries (Surgical Micro-Rebuilds)                       │
│     ├── Base Widgets                                                       │
│     │    ├── BloomWidget                        (build: (context, via) => ) │
│     │    ├── BloomVsyncWidget                   (build: (ctx, via, vsync))  │
│     │    └── BloomAnimatedWidget                (build: (ctx, via, ctrl))   │
│     ├── Inline Functors (The composed Family)                              │
│     │    ├── composed                          ((context, via) => Widget)  │
│     │    │    └── .child / .children           (preserves static subtrees) │
│     │    └── composed.vsync                    ((ctx, via, vsync) => W)    │
│     │         └── .child / .children           (preserves static subtrees) │
│     ├── Zero-Rebuild Declarative Side-Effects                              │
│     │    ├── BloomListener                      (target, (ctx, state) => )  │
│     │    │    └── .debounce / .throttle        (time-domain rate limits)   │
│     └── Fluent 1:1 Node Builders (Zero-Alloc)                              │
│          ├── bloom.build                        ((context, data) => Widget)  │
│          │    └── .child / .children           (preserves static subtrees) │
│                                                                            │
│  2. Durable Animation & Frame Scheduling Engine                            │
│     ├── DurableAnimationController        (policy: resume, catchUp, reset) │
│     ├── controller.observe()              --> Bloom<double> (Passive)       │
│     ├── composed.animate                  (ctrl, (ctx, via, c) => Widget)  │
│     │    └── .child / .children           (preserves static subtrees)      │
│     ├── composed.drive                    ((elapsed) => ..., (ctx, via, v))│
│     │    └── .child / .children           (preserves static subtrees)      │
│     └── vsync.drive(onTick)               --> Bloom<T> (Frame ticker)       │
│                                                                            │
│  3. Listenable & Platform Interoperability                                 │
│     ├── listenable.toBloom()                 (ValueListenable 1:1 bridge)  │
│     ├── listenable.toBloomBy(selector)       (Demand-driven property slice)│
│     └── bloom.toListenable()                 (Bloom -> Listenable adapter) │
│                                                                            │
│  4. Async SWR UI & Progress                                                │
│     ├── BloomAsyncBuilder<T>                    (bloom, pending, {data, ...})│
│     │    └── .tuple                            (tuple, {data, loading, ...})│
│     └── BloomPendingIndicator                   (pendingBloom, {height: 2.0})│
│                                                                            │
│  5. Scoped DI & Context Integrations                                       │
│     ├── Scoped State DI                                                    │
│     │    ├── BloomProvider<T>                   (bloom: targetBloom, child)   │
│     │    ├── bloom.provide                      (child: Widget)             │
│     │    └── via.of<T>(context) / maybeOf<T>() // Scoped node observation  │
│     └── Fluent Context Lookup                                              │
│          ├── via.of<T>(context)                // Scoped BloomProvider read │
│          └── context.bloomOf<T>()               // Direct node extraction   │
│                                                                            │
│  6. Graceful Lifecycle & Mooring                                           │
│     ├── Graceful.microtask                     // Microtask remount buffer │
│     ├── Graceful.period(Duration)              // Time-bounded TTL mooring │
│     └── .graceful(policy)                      // Mooring attachment DSL   │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Architectural Comparison: Conventional Flutter Approaches vs. Blooming Flutter #

In Flutter applications, balancing granular reactive state, frame-isolated animations, asynchronous queries, and text inputs involves distinct architectural trade-offs across common paradigms (such as setState, ValueListenableBuilder, or provider selectors):

Engineering Dimension	Conventional Flutter Trade-offs & Limitations	Blooming Flutter Resolution
Widget Tree Invalidation	Naive `setState` cascades subtree rebuilds; `ValueListenableBuilder` or manual selectors require nested boilerplate for multiple dependencies	Surgical Leaf Micro-Rebuild (`composed`, parent/sibling rebuild count: 0, flat multi-dependency tracking)
Reactive Tracking Scopes	Ambient context or boilerplate wrappers with hidden leaks	Explicit `BloomVia` Injection (Zero-ambient, deterministic AST analysis)
State Mutability Contracts	Mixed mutable getters/setters on shared object boundaries	Strict Separation of Concerns (`Bloom<T>` read-only vs `BloomController<T>`)
State Snapshot Integrity	Ad-hoc flags or verbose union/sealed class hierarchies	Deterministic 3-State FSM (`Data`, `Empty`, `Error` + `emptyReason`)
Transient Lifecycle Mooring	Immediate unmount disposal destroying state continuity	Native `Graceful` Engine (Microtask coalescing & `period` TTL mooring)
Listenable & Platform Interop	Manual `addListener`/`removeListener` boilerplate with dangling memory leaks	Zero-Leak Bridges (`toBloom` / `toBloomBy` with Demand-Driven Dormancy)
Animation Lifecycle Coupling	Manual `AnimationController` lifecycle tied to `TickerProviderStateMixin` (state resets or ticker errors on unmount)	Durable Engine (Wall-clock `CatchUp` & state `Frozen` without `StatefulWidget`)
Asynchronous UI Ingestion	Screen-flashing spinners during background revalidation	Flicker-Free SWR (`BloomAsyncBuilder`, stale data preserved on pending)
Component Hierarchy DI	`InheritedWidget.updateShouldNotify` triggering wide rebuilds	Rebuild-Suppressed DI (`BloomProvider`, pointer-check only, 0-rebuild tunneling)
Dormancy & Resource Teardown	Background timers/subscriptions running while offstage	Subscriber-Driven Inactive Dormancy (0 CPU/ticks on unmount)

Reactive Boundary Selection: Component Boundary (`BloomWidget`) vs. Surgical Leaf (`composed`) #

To maximize 60/120fps rendering performance and avoid redundant Element allocations, apply the appropriate reactive boundary according to your component scope:

┌────────────────────────────────────────────────────────────────────────┐
│             Situational UI Boundary Selection Matrix                   │
├───────────────────────┬──────────────────────────┬─────────────────────┤
│ Engineering Context   │ Recommended Entrypoint   │ Element Allocation  │
├───────────────────────┼──────────────────────────┼─────────────────────┤
│ 1. Dedicated Component│ BloomWidget              │ 1 Element (Optimal) │
│    Boundary           │ BloomAnimatedWidget      │                     │
├───────────────────────┼──────────────────────────┼─────────────────────┤
│ 2. Surgical Local     │ composed((ctx, via) => ) │ 0 Parent Rebuilds   │
│    Leaf Rebuild       │                          │ 1 Local Element     │
├───────────────────────┼──────────────────────────┼─────────────────────┤
│ 3. 60/120fps Motion + │ composed.animate.child   │ 0 Child Rebuilds    │
│    Static Subtree     │ composed.drive.child     │ Frame-Isolated Ticks│
├───────────────────────┼──────────────────────────┼─────────────────────┤
│ 4. [Anti-Pattern]     │ StatelessWidget {        │ 2 Elements (Wasted  │
│    1:1 Pure Wrapper   │   build() => composed(); │ Element Overhead)   │
│                       │ }                        │                     │
└───────────────────────┴──────────────────────────┴─────────────────────┘

Situational Decision Flow: #

[ Defining UI Component ]
          │
  [ Is this a dedicated, reusable class component? ]
          │
         YES ──────> [ Does the entire component's view depend on reactive state/motion? ]
          │                   │                                 │
          │                  YES                                NO (Has fixed outer layout)
          │                   │                                 │
          │                   ├─► Animation-driven?             └─► class Comp extends StatelessWidget
          │                   │    ├─► YES: BloomAnimatedWidget       with internal composed(...) leaves
          │                   │    └─► NO : BloomWidget
          │
          NO (Inline sub-branch inside an existing layout)
          │
          └─► composed((context, via) => ...) / composed.child(...)

Core Production Engineering Pillars #

blooming_flutter addresses six critical architectural constraints and failure modes encountered when scaling Flutter applications to complex production workflows.

Pillar 1: Surgical Leaf Micro-Rebuilds (`composed`) #

In standard Flutter, updating a reactive value inside a large widget often leads to two extremes: broad subtree rebuilds via setState (re-evaluating heavy headers, graphics, and footers), or deeply nested builder pyramids (ValueListenableBuilder / manual selectors) when isolating rebuild boundaries for multiple values. With blooming_flutter, the composed functor eliminates both dilemmas by isolating the reactive boundary to the smallest possible leaf element while automatically tracking dependencies in a single flat scope.

Rebuild Frequency Architecture

┌────────────────────────────────────────────────────────────────────────────┐
│      Rebuild Frequency: Conventional Approaches vs. blooming_flutter Leaf      │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│  Conventional Approach (Naive setState Subtree Cascade):                   │
│    [Card Widget]                ──> Rebuilds: 100 times                    │
│      ├── [Heavy Header]         ──> Rebuilds: 100 times (WASTED)           │
│      ├── [Expensive Chart]      ──> Rebuilds: 100 times (WASTED)           │
│      └── [Live Counter Text]    ──> Rebuilds: 100 times                    │
│                                                                            │
│  blooming_flutter with composed (Surgical Leaf Micro-Rebuild):             │
│    [Card Widget]                ──> Rebuilds: 1 time  (INITIAL ONLY)       │
│      ├── [Heavy Header]         ──> Rebuilds: 1 time  (0 ON UPDATES)       │
│      ├── [Expensive Chart]      ──> Rebuilds: 1 time  (0 ON UPDATES)       │
│      └── composed((ctx, via) =>)──> Rebuilds: 100 times (LEAF ONLY)        │
│                                                                            │
│  * Note: While ValueListenableBuilder can isolate rebuilds, observing N    │
│    independent values requires N levels of nested builders. composed       │
│    flattens all dependencies into a single reactive leaf.                  │
└────────────────────────────────────────────────────────────────────────────┘

The `composed` Functor Family & Cascading Pathways

composed provides a zero-cost cascading hierarchy supporting dynamic context injection, static subtree caching, high-frequency animations, and frame drivers:

┌────────────────────────────────────────────────────────────────────────────┐
│              The composed Functor Family & Cascading Pathways              │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│  composed                         ((context, via) => Widget)               │
│   ├── .child / .children          (preserves static subtrees)              │
│   │                                                                        │
│   ├── .vsync                      ((context, via, vsync) => Widget)        │
│   │    └── .child / .children     (preserves static subtrees)              │
│   │                                                                        │
│   ├── .animate                    (controller, (ctx, via, ctrl) => Widget) │
│   │    └── .child / .children     (preserves static subtrees)              │
│   │                                                                        │
│   └── .drive                      ((elapsed) => ..., (ctx, via, val) => W) │
│        └── .child / .children     (preserves static subtrees)              │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Note

All builder variants seamlessly support static subtree preservation via .child and .children (e.g. composed.child(...) or composed.animate.child(...)).

Production Code Example

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

final livePriceController = blooming<double>(100.0);

class StockDashboardCard extends StatelessWidget {
  const StockDashboardCard({super.key});

  @override
  Widget build(BuildContext context) {
    return Card(
      child: Column(
        children: [
          // Header and chart are built ONCE and NEVER rebuilt on price updates
          const HeavyHeader(title: 'High-Frequency Market Feed'),
          const ExpensiveChartWidget(),

          // Surgical Leaf Rebuild: Only this Text element executes at 60/120fps
          composed((context, via) {
            final price = via(livePriceController.bloom);
            return Text(
              '\$${price.toStringAsFixed(2)}',
              style: const TextStyle(fontSize: 24, fontWeight: FontWeight.bold),
            );
          }),

          const StaticCardFooter(disclaimer: 'Real-time data powered by Bloom'),
        ],
      ),
    );
  }
}

Pillar 2: Rebuild-Suppressed Scoped DI (`BloomProvider` & `via.of<T>`) #

Flutter's standard dependency injection mechanism, InheritedWidget (and state management packages built upon it), fundamentally couples scope resolution with rebuild invalidation: whenever state mutates, every descendant widget that looked up the inherited widget via dependOnInheritedWidgetOfExactType is scheduled for markNeedsBuild(). Localized changes to a single state property inadvertently trigger massive subtree rebuild waves across intermediate layout structures.

blooming_flutter completely dissolves this architectural bottleneck with Rebuild-Suppressed BloomProvider<T>:

Decoupling Discovery from Invalidation: BloomProvider provisions the immutable reactive Bloom<T> reference itself down the element hierarchy. Its updateShouldNotify returns !identical(oldWidget.bloom, bloom)—ensuring that value mutations within the node yield zero rebuild cascades across intermediate widgets (0-Rebuild Subtree Tunneling).
Topological Micro-Targeting: Descendants observe provided nodes with via.of<T>(context) or context.bloomOf<T>(). Only the exact leaf element reading the state registers an LPDAG edge, updating surgically while leaving sibling and ancestor layouts completely untouched.
Exact Type Keying & Null Safety: Scoped resolution strictly keys on exact reified runtime types (BloomProvider<T>), preventing ambiguous subtype collisions, with via.maybeOf<T>(context) providing seamless optional fallbacks without runtime crashes.

Rebuild Suppression Architecture & Tunneling Flow

┌────────────────────────────────────────────────────────────────────────────┐
│              BloomProvider Scoped DI & Rebuild Suppression Flow            │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│   [ Ancestor Widget Tree ]                                                 │
│   BloomProvider<UserSession>(bloom: sessionController.bloom)               │
│        │                                                                   │
│        ├─► updateShouldNotify: !identical(old.bloom, new.bloom)            │
│        │   (Node reference stable? ──► Subtree Rebuild Count: ZERO!)       │
│        │                                                                   │
│        ▼ (Tunneling through intermediate layout elements)                  │
│   ┌────────────────────────────────────────────────────────────────────┐   │
│   │ [ Scaffold ] ──► [ Column ] ──► [ CardWidget ] (0 Rebuilds)        │   │
│   └──────────────────────────────────┬─────────────────────────────────┘   │
│                                      ▼                                     │
│        ┌─────────────────────────────┴─────────────────────────────┐       │
│        ▼                                                           ▼       │
│   [ Static Header ] (0 Rebuilds)           composed((ctx, via) {           │
│   (Does not read session)                    final u = via.of<UserSession>(ctx);
│                                              return Text(u.name); // LEAF  │
│                                            })                              │
│                                                                            │
│   [ Mutation: sessionController.data = newSession ]                        │
│        │                                                                   │
│        ▼                                                                   │
│   Push-Dirty Pulse ──► Only the leaf Text element rebuilds surgically!     │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Production Code Example

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

final authController = blooming(const AuthSession('Alice'));

class RootAppShell extends StatelessWidget {
  const RootAppShell({super.key});

  @override
  Widget build(BuildContext context) {
    // Inject reactive state at root; updateShouldNotify ensures this tree NEVER rebuilds
    return BloomProvider<AuthSession>(
      bloom: authController.bloom,
      child: const DashboardView(),
    );
  }
}

class DashboardView extends StatelessWidget {
  const DashboardView({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Dashboard')),
      body: Column(
        children: [
          const ExpensiveChartWidget(), // NEVER rebuilds on auth change
          const HeavyHeader(title: 'Navigation'), // NEVER rebuilds on auth change

          // Surgical Leaf Tunneling: Subscribes to ancestor BloomProvider<AuthSession>
          composed((context, via) {
            final auth = via.of<AuthSession>(context);
            return Text('Logged in as: ${auth.username}');
          }),
        ],
      ),
    );
  }
}

Tip

For detailed architectural invariants and exact type lookup guarantees, consult the technical whitepaper Foundation 05: Scoped State Provision & Rebuild Suppression.

Pillar 3: Demand-Driven Listenable Bridges (`toBloom` & `toBloomBy`) #

In Flutter applications, numerous native controllers and third-party packages are engineered around Flutter's foundation primitives (ScrollController, ValueNotifier, AnimationController, ChangeNotifier). Consuming these in standard Flutter often requires StatefulWidget boilerplate with manual addListener and removeListener hooks. Failing to deregister listeners during element unmount produces insidious memory leaks, ghost notifications, and frame drops.

blooming_flutter eliminates this friction through Subscriber-Driven Inactive Dormancy:

Demand-Driven Activation: Listeners are attached to the Listenable ONLY when active UI terminals observe the bridge node, and automatically detached when the UI unmounts or navigates away (0 memory leaks).
Fine-Grained Property Slicing (toBloomBy): Extract specific properties (e.g. scrollController.toBloomBy((c) => c.offset)) with built-in distinct value filtering to prevent redundant rebuilds.
Safe Initialization & Fault Containment: If the selector throws during construction (e.g. accessing controller metrics before clients are attached), the node safely transitions to an Error state without crashing the element tree and self-heals once attached.

┌────────────────────────────────────────────────────────────────────────────┐
│                  Demand-Driven Listenable Bridge Flow                      │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│   [ Multi-Property Controller: ScrollController / ValueNotifier ]          │
│                                                                            │
│   [ Subscriber Connects: terminal.activate() ]                             │
│          │                                                                 │
│          ▼                                                                 │
│   Listenable.addListener(_listen)                                          │
│          │ (High-frequency notifications: scroll, velocity, state)          │
│          ▼                                                                 │
│   select(listenable) ──► Value Changed?                                    │
│                            │                                               │
│             ┌──────────────┴─────────────┐                                 │
│             ▼ (Equal)                    ▼ (Different)                     │
│          [ DROP ]             Topological Push-Dirty                       │
│                                                                            │
│   [ Subscriber Disconnects: terminal.deactivate() ]                        │
│          │                                                                 │
│          ▼                                                                 │
│   Listenable.removeListener(_listen) ──► [ Dormant: 0 Listeners ]          │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Production Code Example

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

base class CollapsibleHeader extends BloomWidget {
  CollapsibleHeader({required this.scrollController, super.key});
  final ScrollController scrollController;

  // Extract reactive scroll threshold slice on-demand with distinct filtering:
  late final isScrolledBloom = scrollController.toBloomBy(
    (c) => c.hasClients && c.offset > 60.0,
    distinct: true,
  );

  @override
  Widget build(BuildContext context, BloomVia via) {
    final isScrolled = via(isScrolledBloom);

    return AnimatedContainer(
      duration: const Duration(milliseconds: 200),
      height: isScrolled ? 56.0 : 120.0,
      color: isScrolled ? Colors.indigo : Colors.blueAccent,
      alignment: Alignment.center,
      child: Text(
        isScrolled ? 'Compact Title' : 'Expanded Header',
        style: const TextStyle(color: Colors.white, fontSize: 18),
      ),
    );
  }
}

Pillar 4: Durable Animation Engine (`CatchUp` & `Frozen`) #

Standard Flutter AnimationController instances are bound to the host widget's SingleTickerProviderStateMixin. When the widget unmounts (e.g. switching tabs in BottomNavigationBar, popping navigation routes, or hiding bottom sheets), active tickers are detached—causing animation progress to reset upon remount or triggering assertion/leak errors if tickers remain active without proper lifecycle handling.

blooming_flutter provides Durable Animation Controllers that seamlessly bridge dormant lifecycle states:

┌────────────────────────────────────────────────────────────────────────────┐
│                    Durable Animation Lifecycle State                       │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│ Active (Mounted)               Dormant (Unmounted Tab)    Remounted (Active)│
│                                                                            │
│ [Ticker Running]  ──unmount──>   [Ticker Detached]  ───>  [CatchUp / Frozen]│
│ (Frames ticking)                 (0 CPU / 0 Ticks)      • CatchUp: Jump to │
│                                                           real elapsed     │
│                                                         • Frozen: Resume   │
│                                                           from exact value │
└────────────────────────────────────────────────────────────────────────────┘

1. `DurabilityPolicy.catchUp`: Wall-Clock Synchronization

For continuous radars, clocks, live timers, and looping spinners. When the widget unmounts, the ticker halts completely (0 CPU). Upon remounting, catchUp calculates the elapsed wall-clock time (DateTime.now()) and fast-forwards the animation value to match reality precisely.

2. `DurabilityPolicy.resume`: State-Preserving Freeze (Default)

For interactive expandable cards, games, and stepper animations. When the widget unmounts mid-animation, its progress is frozen at the exact double value. Upon remounting, it resumes from the frozen point without stuttering or resetting.

3. `DurabilityPolicy.reset`: Initial State Reset

Resets the animation progress back to its initial parameters upon widget unmount / dormancy.

4. Inline 60/120fps UI Functors: `composed.animate`

Eliminates AnimatedBuilder and StatefulWidget boilerplate by providing direct frame-ticking composition functors via composed.animate on DurableAnimationController instances. Static subtrees passed to child: or children: are strictly memoized to avoid redundant layout passes.

Durable Animation Architecture & Invocation Roadmap

┌────────────────────────────────────────────────────────────────────────────┐
│            Durable Animation Architecture & Invocation Roadmap             │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│  1. Controller Hierarchy (Durable Lifecycle Management)                    │
│     DurableAnimationController (Sealed unmount-safe lifecycle contract)    │
│      ├── policy: DurabilityPolicy.resume  (Freeze on unmount, resume)      │
│      ├── policy: DurabilityPolicy.catchUp (Wall-clock elapsed sync)        │
│      ├── policy: DurabilityPolicy.reset   (Reset on unmount)               │
│      ├── controller.observe()             --> Bloom<double> (Passive)      │
│      └── controller.observeStatus()       --> Bloom<AnimationStatus>       │
│                                                                            │
│  2. VSYNC Providers & Frame Tickers                                        │
│     ├── BloomVsyncWidget                        (build: (ctx, via, vsync))  │
│     ├── composed.vsync                         ((ctx, via, vsync) => W)    │
│     └── vsync.drive(onTick)                    --> Bloom<T> (Frame ticker)  │
│                                                                            │
│  3. Frame-Driven Dynamic Motion (60/120fps Dynamic Motion)                 │
│     ├── BloomAnimatedWidget                     (build: (ctx, via, ctrl))   │
│     ├── composed.animate                       (ctrl, (ctx, via, c) => W)   │
│     │    └── .child / .children                (preserves static subtrees) │
│     └── composed.drive                         ((elapsed) => ..., (ctx, v))│
│          └── .child / .children                (preserves static subtrees) │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Note

All inline animation variants seamlessly support static subtree preservation via .child and .children (e.g. composed.animate.child(...)).

Production Code Example

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

base class LiveRadarScanner extends BloomAnimatedWidget {
  const LiveRadarScanner({super.key, required super.controller});

  @override
  Widget build(
    BuildContext context,
    BloomVia via,
    ScopedAnimationController anim,
  ) {
    return RotationTransition(
      turns: anim.view,
      child: const Icon(Icons.radar, size: 72, color: Colors.blueAccent),
    );
  }
}

Pillar 5: Graceful Lifecycle & Mooring (`Graceful.microtask` & `Graceful.period`) #

In standard Flutter reactive architectures, unmounting a widget instantly tears down its listeners or cancels asynchronous streams. This causes severe production defects:

Unmount-Remount Thrashing: Re-parenting widgets, swapping tabs, or rapid list scrolling drops subscriber counts to 0 for a single frame, destroying expensive connections and recreating them immediately.
Navigation Cache Loss: Navigating from a master view to a detail route clears form selections, scroll offsets, or live search results unless manually hoisted into fragile global variables.

blooming_flutter integrates the Graceful lifecycle engine to buffer deactivations safely:

┌────────────────────────────────────────────────────────────────────────────┐
│                  Graceful Deactivation & Mooring Architecture              │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│  [All Subscribers Detach (Count = 0)]                                      │
│                     │                                                      │
│                     ▼                                                      │
│          Graceful Policy Configured?                                       │
│          ┌──────────┴─────────────────────────┐                            │
│     (No) │                                    │ (Yes)                      │
│          ▼                                    ▼                            │
│  [Instant Dormancy]                [Enter Grace State]                     │
│  • Sever upstream edges            • Microtask: 1-scheduler tick buffer   │
│  • 0 CPU / 0 allocations           • Period: Global Mooring anchor (TTL)   │
│                                               │                            │
│                     ┌─────────────────────────┴───────────────────────┐    │
│                     ▼                                                 ▼    │
│           [Subscriber Re-attaches]                         [Grace TTL Elapses] │
│           • Resumes active instantly                       • Deallocates cleanly│
│           • Zero-cost reconnection                         • 0 Memory leak     │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

1. Microtask Buffer (`Graceful.microtask` / `Graceful()`)

Defers node deallocation to the next Dart microtask. When Flutter elements are reparented or rebuilt across adjacent frames, the microtask buffer coalesces the tear-down and remount into a single operation, eliminating frame jank and redundant data re-fetching.

2. Time-Based Mooring (`Graceful.period(Duration)`)

Deploys a global Mooring anchor to keep downstream nodes and their upstream dependencies warm and active for a designated time window (e.g. 5 minutes). Retains form inputs, cursor selections, and cached queries across screen navigation without requiring permanent global singletons.

Production Code Example

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

// Stream moored for 3 minutes across route navigation
final liveFeedBloom = stockStream.toBloom(
  graceful: const Graceful.period(Duration(minutes: 3)),
);

// Native TextEditingController bridged with 5-minute mooring: retains cursor and selection across tab switches
final searchController = TextEditingController();
final searchInputBloom = searchController.toBloomBy(
  (c) => c.text,
  graceful: const Graceful.period(Duration(minutes: 5)),
);

Pillar 6: Deterministic 3-State FSM Snapshot (`Data` / `Empty` / `Error`) #

Ad-hoc state management libraries treat state as either an ambient value or an untyped nullable payload. This causes silent crashes when uninitialized data is read or when errors are silently swallowed.

blooming_flutter models every reactive node as a Deterministic 3-State Finite State Machine (FSM) via BloomSnapshot:

┌────────────────────────────────────────────────────────────────────────────┐
│                    Deterministic 3-State FSM Snapshot                      │
├────────────────────────────────────────────────────────────────────────────┤
│                                                                            │
│                     ┌───────────────────────────┐                          │
│                     │     BloomSnapshot<T>       │                          │
│                     └─────────────┬─────────────┘                          │
│                                   │                                        │
│          ┌────────────────────────┼────────────────────────┐               │
│          ▼                        ▼                        ▼               │
│   [ hasData == true ]      [ isEmpty == true ]      [ hasError == true ]   │
│   • Valid payload: T       • Dormant/Uninitialized  • Object error         │
│   • Direct .data access    • emptyReason diagnostic • StackTrace stack     │
│   • Supports T? = null     • Fail-fast on .data     • Fail-fast on .data   │
│                                                                            │
└────────────────────────────────────────────────────────────────────────────┘

Sound Fail-Fast Extraction: Reading untracked(node) while in an Empty or Error state synchronously throws BloomSnapshotExtractionException. Bugs are exposed immediately at the call-site rather than mutating silent UI states.
Exhaustive Zero-Heap Pattern Matching: Use native Dart 3 switch (untracked.state(node).phase) to map states directly to UI or strings with zero closure allocations and zero graph edge creation:

final state = untracked.state(stateBloom);
final statusWidget = switch (state.phase) {
  BloomPhase.valid => Text('Active: ${state.data}'),
  BloomPhase.empty => const Text('Awaiting input...'),
  BloomPhase.error => Text('Failed: ${state.error}', style: const TextStyle(color: Colors.red)),
};

Declarative 3-Tier Builder Patterns #

blooming_flutter provides three ergonomic builder patterns tailored for different UI scopes:

1. `BloomWidget`, `BloomVsyncWidget`, & `BloomAnimatedWidget`: Class-Based Components #

Best for cohesive feature screens, structured modules, and standard reactive widgets.

BloomWidget: General multi-state reactive domain component.
BloomVsyncWidget: Injects a raw TickerProvider for custom controllers or ticking without StatefulWidget boilerplate.
BloomAnimatedWidget: Zero-boilerplate class-based pairing of DurableAnimationController and BloomVia. Allocates element vsync on demand and provides an isolated ScopedAnimationController.

base class UserProfileCard extends BloomWidget {
  UserProfileCard({super.key, required this.userBloom});
  final Bloom<User> userBloom;

  @override
  Widget build(BuildContext context, BloomVia via) {
    final user = via(userBloom);
    return ListTile(
      leading: CircleAvatar(child: Text(user.initials)),
      title: Text(user.name),
      subtitle: Text(user.email),
    );
  }
}

base class AnimatedCard extends BloomVsyncWidget {
  AnimatedCard({super.key, required this.themeBloom});
  final Bloom<Brightness> themeBloom;

  @override
  Widget build(BuildContext context, BloomVia via, TickerProvider vsync) {
    // Access vsync directly for animation controllers or bloom.managed ticking
    return Text('Theme: ${via(themeBloom)}');
  }
}

base class PulsingBadge extends BloomAnimatedWidget {
  const PulsingBadge({super.key, required super.controller, required this.badgeCount});
  final Bloom<int> badgeCount;

  @override
  Widget build(BuildContext context, BloomVia via, ScopedAnimationController controller) {
    return Transform.scale(
      scale: 1.0 + (controller.value * 0.2),
      child: Text('Badges: ${via(badgeCount)}'),
    );
  }
}

2. `bloom.build((context, data) => ...)`: Direct Single-Node Builders #

Lightweight inline widgets bound 1:1 to a single Bloom<T> node. Every builder receives BuildContext by default to prevent accidental outer context lexical capture, incurring zero wrapper allocation overhead via Dart extension type const.

// Single node direct build
counterController.bloom.build((context, count) => Text('Count: $count'));

// Static subtree caching (.child)
counterController.bloom.build.child(
  (context, count, child) => Row(children: [Text('Count: $count'), child]),
  child: const FlutterLogo(),
);

3. `composed`, `composed.child`, & `composed.vsync`: Scoped Micro-Builders #

Best for arbitrary multi-state leaf compositions within larger stateless or stateful widgets.

// Context and multi-state builder
composed((context, via) {
  final count = via(counter.bloom);
  final isDark = via(themeBloom) == Brightness.dark;
  return Container(
    color: isDark ? Colors.grey[900] : Colors.white,
    child: Text('Count: $count (Theme: ${isDark ? "Dark" : "Light"})'),
  );
});

// Static child-preserving builder
composed.child(
  child: const Icon(Icons.star, size: 48),
  (context, via, child) {
    final count = via(counter.bloom);
    return Stack(
      children: [
        child,
        Text('Count: $count'),
      ],
    );
  },
);

// Vsync-injected builder (provides TickerProvider directly)
composed.vsync((context, via, vsync) {
  final count = via(counter.bloom);
  return Text('Animated Count: $count');
});

Flicker-Free SWR Asynchronous UI (`BloomAsyncBuilder`) #

Building responsive asynchronous UI requires handling four distinct states: data, loading, error, and empty. Standard Flutter FutureBuilder or StreamBuilder flashes empty or loading spinners every time data revalidates in the background.

BloomAsyncBuilder delivers seamless Stale-While-Revalidate (SWR) caching:

import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

base class StockListScreen extends BloomWidget {
  StockListScreen({super.key, required this.feedBloom, required this.isPendingBloom});
  final Bloom<List<StockItem>> feedBloom;
  final Bloom<bool> isPendingBloom;

  @override
  Widget build(BuildContext context, BloomVia via) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Live Stock Watchlist'),
        // Surgical 2px progress bar binding directly to Bloom<bool>
        bottom: BloomPendingIndicator(target: isPendingBloom),
      ),
      body: BloomAsyncBuilder<List<StockItem>>(
        bloom: feedBloom,
        pending: isPendingBloom,
        data: (context, stocks) => ListView.builder(
          itemCount: stocks.length,
          itemBuilder: (context, i) => ListTile(title: Text(stocks[i].symbol)),
        ),
        loading: (context) => const Center(child: CircularProgressIndicator()),
        error: (context, error, stack) => Center(child: Text('Error: $error')),
        empty: (context) => const Center(child: Text('No stocks available')),
        // SWR Invariant: Retains existing list on screen during background refresh
        preserveDataOnPending: true,
      ),
    );
  }
}

preserveDataOnPending: true: When revalidating in the background, the UI continues rendering the existing valid data rather than tearing down the list to render a loading spinner.
BloomPendingIndicator: A surgical 2px/3px indeterminate linear indicator that binds directly to a Bloom<bool> node to inform the user of background refresh activity without full-screen layout shifts.

Flutter DevTools Inspector Live Diagnostics #

blooming_flutter integrates deeply with the Flutter DevTools Inspector. Every Bloom element (such as BloomElement and composed elements) overrides debugFillProperties to expose its active dependency graph directly in the DevTools UI.

When selecting any Bloom-powered widget in the Widget Tree panel, the Diagnostic Details panel renders the active reactive subscriptions and lifecycle tethers in real time:

Diagnostic Details Tree:
┌────────────────────────────────────────────────────────────────────────────┐
│ BloomElement (LiveMarketCard)                                               │
│  ├── bloom[0]: LivePriceNode: Bloom<double> (value: 142.50)                  │
│  ├── bloom[1]: AppThemeNode: Bloom<ThemeMode> (value: ThemeMode.dark)        │
│  ├── tether[0]: liveSearchDebounce (_DebounceEffect)                       │
│  └── tether[1]: themeTelemetrySync (_ThrottleEffect)                       │
└────────────────────────────────────────────────────────────────────────────┘

Diagnostic Highlights #

Zero Configuration: DevTools inspection works out-of-the-box in debug builds with zero flags or setup.
Production Tree-Shaking: All diagnostic property population is wrapped inside assert(() { ... }()) and stripped cleanly from release builds.
Leak Detection: Developers can immediately verify whether an element has detached its upstream edges upon navigation or unmount.

Scoped Dependency Injection (`BloomProvider` & `bloomOf`) #

BloomProvider<T> provides Bloom<T> instances down the widget tree using Flutter's native InheritedWidget mechanism, augmented with rebuild suppression:

// 1. Ancestor Provider
Widget buildApp() {
  return BloomProvider<AuthSession>(
    bloom: authController.bloom,
    child: const MainAppShell(),
  );
}

// 2. Descendant Consumer
base class UserGreeting extends BloomWidget {
  const UserGreeting({super.key});

  @override
  Widget build(BuildContext context, BloomVia via) {
    // One-stop lookup & reactive observation via via.of<T>(context):
    final session = via.of<AuthSession>(context);
    return Text('Hello, ${session.username}!');
  }
}

Rebuild Suppression Invariant: BloomProvider.updateShouldNotify returns false when the underlying value of bloom changes, preventing the intermediate widget tree from rebuilding. Only descendants explicitly reading the node via via(sessionBloom) are invalidated.

Installation & Setup #

Add blooming_flutter to your Flutter project:

flutter pub add blooming_flutter

Import the foundational libraries:

// Primary reactive UI widgets, builders, durable animations, and Listenable bridges
import 'package:flutter/material.dart';
import 'package:blooming_flutter/blooming_flutter.dart';

Package Ecosystem & Re-exported APIs #

package:blooming_flutter acts as a complete, unified entry point by re-exporting the pure Dart core package:blooming and its declarative side-effect engine (package:blooming/effect.dart). A single import (package:blooming_flutter/blooming_flutter.dart) provides immediate access to both core reactive primitives and Flutter UI bindings:

Category	API / Primitive	Originating Package	Primary Architectural Role
Core Reactive State	`Bloom<T>`, `BloomController<T>`, `computed`, `switched`, `managed`	`package:blooming`	Canonical 2-Phase LPDAG state nodes, memoized derivations, and subscriber-driven lifecycle supervision
Transient Signals	`BloomSignal`, `BloomSignalController`	`package:blooming`	Monotonic discrete tick pulses for transient events (dialogs, toasts, router triggers) without zombie state
Safe State Inspection	`BloomSnapshot<T>`, `untracked.state`, `.dataOrNull`, `.dataOrElse(...)`	`package:blooming`	Fail-fast snapshot inspection and non-throwing nullable value extraction
Declarative Effects	`Effect`, `EffectScope`	`package:blooming/effect`	Non-rendering reactive side-effect sinks and rate-limited async execution
Surgical Leaf UI	`composed`, `BloomWidget`, `BloomListener`, `bloom.build`	`package:blooming_flutter`	Zero-overhead reactive boundary elements and surgical micro-rebuild widgets
Listenable & Platform Bridges	`toBloom`, `toBloomBy`, `.toListenable()`	`package:blooming_flutter`	Seamless bidirectional bridging for `Listenable`, `ValueListenable`, and Controllers
Durable Motion & Ticker	`DurableAnimationController`, `composed.animate`, `composed.drive`	`package:blooming_flutter`	Wall-clock `CatchUp` and `Frozen` motion engines independent of `StatefulWidget`

Architectural Whitepaper Curation #

For deep-dive architectural specifications, mathematical invariants, and internal memory layouts, consult the official Bloom Framework whitepapers:

Flutter Integration Whitepapers #

Whitepaper 06: Durable Animations & Wall-Clock Compensation Invariants
- Specification of DurableAnimationController (DurabilityPolicy), and zero-leak Ticker lifecycle.
Whitepaper 08: Declarative UI Refresh & Stale-While-Revalidate Patterns
- Zero-flicker background revalidation with RefreshIndicator and .retained() SWR buffering.
Whitepaper 10: Listenable Interoperability & Reactive Bridges Specification
- Bidirectional toBloom, toBloomBy, and toListenable bridges with Demand-Driven Dormancy.
Whitepaper 11: Flutter DevTools Inspection & Diagnostics Architecture
- Native inspection of reactive dependencies via BloomElement.debugFillProperties.
All 14 Foundations Whitepapers Index

Core Reactive Engine Foundations #

High-Frequency Stream Benchmark (NASDAQ 50-Level Order Book) #

Blooming includes a high-frequency benchmark comparing five Flutter state-management implementations under batched updates to a 50-level order book. In the October 2026 profile runs, Blooming recorded event-loop-lag medians of 0.038 ms at 100K target TPS and 0.035 ms at 10M target TPS; the Flutter ValueNotifier baseline recorded 0.041 ms and 0.036 ms respectively. Riverpod's medians in those scenarios were 0.129 ms and 0.125 ms. These are observations from one macOS machine across 10 randomized sets per scenario, not a general ranking.

The 1B TPS target run saturated at approximately 15.8–16.5M generated ticks per second, while framework updates fell to about 16 Hz; it did not achieve 1B TPS. Event-loop lag is a responsiveness probe, not direct input-to-handler latency, frame-jank, throughput of UI updates, or a correctness check. See the limitations before drawing conclusions.

License #

This project is licensed under the Apache 2.0 License - see the LICENSE file for details.

blooming_flutter 0.2.3 blooming_flutter: ^0.2.3 copied to clipboard

Metadata

Blooming Flutter

Overview #

3-Second Quick Start #

Architectural Comparison: Conventional Flutter Approaches vs. Blooming Flutter #

Reactive Boundary Selection: Component Boundary (BloomWidget) vs. Surgical Leaf (composed) #

Situational Decision Flow: #

Core Production Engineering Pillars #

Pillar 1: Surgical Leaf Micro-Rebuilds (composed) #

Rebuild Frequency Architecture

The composed Functor Family & Cascading Pathways

Production Code Example

Pillar 2: Rebuild-Suppressed Scoped DI (BloomProvider & via.of<T>) #

Rebuild Suppression Architecture & Tunneling Flow

Production Code Example

Pillar 3: Demand-Driven Listenable Bridges (toBloom & toBloomBy) #

Production Code Example

Pillar 4: Durable Animation Engine (CatchUp & Frozen) #

1. DurabilityPolicy.catchUp: Wall-Clock Synchronization

2. DurabilityPolicy.resume: State-Preserving Freeze (Default)

3. DurabilityPolicy.reset: Initial State Reset

4. Inline 60/120fps UI Functors: composed.animate

Durable Animation Architecture & Invocation Roadmap

Production Code Example

Pillar 5: Graceful Lifecycle & Mooring (Graceful.microtask & Graceful.period) #

1. Microtask Buffer (Graceful.microtask / Graceful())

2. Time-Based Mooring (Graceful.period(Duration))

Production Code Example

Pillar 6: Deterministic 3-State FSM Snapshot (Data / Empty / Error) #

Declarative 3-Tier Builder Patterns #

1. BloomWidget, BloomVsyncWidget, & BloomAnimatedWidget: Class-Based Components #

2. bloom.build((context, data) => ...): Direct Single-Node Builders #

3. composed, composed.child, & composed.vsync: Scoped Micro-Builders #

Flicker-Free SWR Asynchronous UI (BloomAsyncBuilder) #

Flutter DevTools Inspector Live Diagnostics #

Diagnostic Highlights #

Scoped Dependency Injection (BloomProvider & bloomOf) #

Installation & Setup #

Package Ecosystem & Re-exported APIs #

Architectural Whitepaper Curation #

Flutter Integration Whitepapers #

Core Reactive Engine Foundations #

High-Frequency Stream Benchmark (NASDAQ 50-Level Order Book) #

License #

← Metadata

Documentation

Publisher

Weekly Downloads

Metadata

Topics

License

Dependencies

More

blooming_flutter 0.2.3
blooming_flutter: ^0.2.3 copied to clipboard

Reactive Boundary Selection: Component Boundary (`BloomWidget`) vs. Surgical Leaf (`composed`) #

Pillar 1: Surgical Leaf Micro-Rebuilds (`composed`) #

The `composed` Functor Family & Cascading Pathways

Pillar 2: Rebuild-Suppressed Scoped DI (`BloomProvider` & `via.of<T>`) #

Pillar 3: Demand-Driven Listenable Bridges (`toBloom` & `toBloomBy`) #

Pillar 4: Durable Animation Engine (`CatchUp` & `Frozen`) #

1. `DurabilityPolicy.catchUp`: Wall-Clock Synchronization

2. `DurabilityPolicy.resume`: State-Preserving Freeze (Default)

3. `DurabilityPolicy.reset`: Initial State Reset

4. Inline 60/120fps UI Functors: `composed.animate`

Pillar 5: Graceful Lifecycle & Mooring (`Graceful.microtask` & `Graceful.period`) #

1. Microtask Buffer (`Graceful.microtask` / `Graceful()`)

2. Time-Based Mooring (`Graceful.period(Duration)`)

Pillar 6: Deterministic 3-State FSM Snapshot (`Data` / `Empty` / `Error`) #

1. `BloomWidget`, `BloomVsyncWidget`, & `BloomAnimatedWidget`: Class-Based Components #

2. `bloom.build((context, data) => ...)`: Direct Single-Node Builders #

3. `composed`, `composed.child`, & `composed.vsync`: Scoped Micro-Builders #

Flicker-Free SWR Asynchronous UI (`BloomAsyncBuilder`) #

Scoped Dependency Injection (`BloomProvider` & `bloomOf`) #