Description:

stated

stated #
A neat set of tools
See: Stated, Store, Rx, Disposable, ListenableBuilder
examples #
Rx.map with debounce #

final ValueListenable<int> counter1 = someCounter;
final ValueListenable<int> counter2 = anotherCounter;

final ValueListenable<int> valueListenable = Rx.map([counter1, counter2], debounce(() => counter1.value + counter2.value));
copied to clipboard
Basic Counter Example #
import 'package:flutter/material.dart';
import 'package:stated/stated.dart';

void main() {
runApp(MyApp());
}

/// ViewModel of Counter
class CounterState {
CounterState({
required this.counter,
});

final int counter;
}

/// Counter logic
class CounterBloc extends Stated<CounterState> {
int _counter = 0;

void increment() {
_counter++;
setState();
}

@override
CounterState build() =>
CounterState(
counter: _counter,
);
}

/// Counter presenter
class CounterWidget extends StatelessWidget {
CounterWidget(this.bloc);

final CounterBloc bloc;

@override
Widget build(BuildContext context) =>
GestureDetector(
onTap: bloc.increment,
child: Text('Counter: ${bloc.value.counter}'),
);
}

/// Usage
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Stated',
home: Scaffold(
body: StatedBuilder<CounterState>(
create: (context) => CounterBloc(),
builder: (context, bloc, _) => CounterWidget(bloc),
),
),
);
}
}


copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter