Skip to content
state watcher

StateLogic

We saw how to update our widgets and our refs, but it would be better if we could separate the whole logic of updating our states from the UI.

In state_watcher we can do it by creating a Provided with an object applying a specific mixin called StateLogic:

final _refCounter = Provided((_) => 0);
final _refCounterStateLogic = Provided((_) => CounterStateLogic());


class CounterStateLogic with StateLogic {
  void incrementCounter() {
    update(_refCounter, (x) => x + 1);
  }
}


class _IncrementButton extends WatcherStatelessWidget {
  const _IncrementButton();


  @override
  Widget build(BuildContext context, BuildStore store) {
    return FloatingActionButton(
      tooltip: 'Increment',
      onPressed: () {
        store.read(_refCounterStateLogic).incrementCounter();
      },
      child: const Icon(Icons.add),
    );
  }
}