- add package iconnect in pubspec.yaml，then import iconnect in our code files: ` import 'package:iconnect/iconnect.dart';
- define a simple class as model:
class CounterModel {
int value = 0;
CounterModel(value) {
this.value = value;
}
increment(int step) {
value = value + step;
return value;
}
}
- create one or multi instance
CounterModel _first=CounterModel(0);
get first=>register(_first);
CounterModel _second=CounterModel(0);
get second=>register(_second);
- provider: use it only one times,all model will saved here
void main() {
runApp(provider(MyApp()));
}
- connect and listen:if model changed by dispatch,it will rebuild
Widget showCounter() {
return connect((context) {
print('ShowCounter build ');
listen(context, first);
return ShowCounterOrigin(value: first.value);
});
}
- dispatch：all widget listen to model will rebuild
class ShowButtonOrigin extends StatelessWidget {
ShowButtonOrigin({Key? key, this.increase}) : super(key: key);
final VoidCallback? increase;
@override
Widget build(BuildContext context) {
return FloatingActionButton(
onPressed: increase,
tooltip: 'Increment',
child: Icon(Icons.add),
);
}
}
//it won't be rebuild when dispatch(first),because we have not listen first here
class ShowButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return ShowButtonOrigin(
increase: () => dispacth(first,() => first.increment(1)));
}
}
class CounterModel with IConnect {
int value = 0;
CounterModel(value) {
this.value = value;
//we could register here
register();
}
increment(int step) {
value = value + step;
return value;
}
}
then we could
- simply create instance
CounterModel first = new CounterModel(0);
CounterModel second = new CounterModel(0);
- use listen,dispatch,register,unregister in model
first.listen()
first.dispatch()
- and we don't need to import iconnect any where
The simplest and fast library for state mamagement,it only handle the shared model for widgets,it's null-safe, and support for all the pllatform. you don't need those huge framework like provider and redux and flutter hook,they think too many things :D but they solved the simple thing with many many concept and codes. . can create multi instance for a model . when model changed,only widget listen to it will rebuild . only provider and connect function for whole . could define model with mixin IConnect . could use listen,dispatch,register,unregister function,then model is a simply class . if you define a dispose method in model,it will run when unregister.
we only connect models to widget tree all the api of connect is six simple functiuon ,that's all: provider/connect register/unregister dispatch/listen
you just use it one times in an app.
it's not based on type,you define a model only for the itself.the model is a class you just create,without any rule,with out base class or interface. we use model as instance,not for type,so we could simplely add multi instance for same model type. you could simple use register and unregister,to add or remove model.you could use registed model as a class instance in your widget,that's mean widget will not rerender.you should listen to a registed model,when it dispatch changes event,your widget will rerender.
connect function return a widget,you must provide a function with build function,you could use model or listen to model there.
it could worked with future and stream in your models,listen and dispatch could update the ui simply.
you could find the usage in example folder,it's a simple counter app,it's a demo for: . how to define a model and register it . how to dispatch and listen . how to work with future and AsyncSnapshot,and handle errors . how to work with stream and update ui.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent