FlutterDux
Flutter + Redux.js
Android only at the moment, iOS coming soon.
Getting Started
Check out this article for a description of how it works.
Loading website
void main() { runApp(new MyApp()); FlutterDux.instance.loadUrl('<YOUR WEBSITE RUNNING REDUX>'); }
Binding widgets
class _MyWidgetState extends State<MyWidget> with FlutterDuxMixin{ int _counter = 0; @override List<Property> get properties => [ new Property( statePath: 'counter', onChanged: (v) => _counter = v ) ]; /// The widget's `setState` will be called automatically /// when state slice `counter` changes. @override Widget build(BuildContext context) { return new Scaffold( body: new Text('$_counter'), floatingActionButton: new FloatingActionButton( onPressed: () => dispatch({'type': 'INCREMENT'}), child: new Icon(Icons.add), ), ); } }
Dispatching actions
/// Raw action dispatch({'type': 'INCREMENT'}); /// Action creator dispatch('incrementCounter'); /// Action creator with arguments dispatch('addTodo', ['Take out the trash']);
Download FlutterDux – Redux.JS driven Flutter Source Code on GitHub
https://github.com/pauldemarco/flutterdux
Provides the list of the opensource Flutter apps collection with GitHub repository.