New post on /r/flutterdev subreddit:
MVVM in Flutter
Hey guys!I implemented a simple MVVM architecture in Flutter. It uses property-based data binding to establish a connection between the ViewModel and the View, and drives the View changes through the ViewModel. Simplify complex state management during the development of the Flutter.github: https://github.com/unicreators/mvvm```dart import 'package:flutter/widgets.dart'; import 'package:mvvm/mvvm.dart'; import 'dart:async';// ViewModel class Demo1ViewModel extends ViewModel { Demo1ViewModel() { propertyValue<String>(#time, initial: ""); start(); }start() { Timer.periodic(const Duration(seconds: 1), (_) { var now = DateTime.now(); setValue<String>(#time, "${now.hour}:${now.minute}:${now.second}"); }); } }// View class Demo1View extends View<Demo1ViewModel> { Demo1View() : super(Demo1ViewModel());@override Widget build(BuildContext context) { return Container( margin: EdgeInsets.symmetric(vertical: 100), padding: EdgeInsets.all(40), // binding child: $.watchFor<String>(#time, builder: $.builder1((t) => Text(t, textDirection: TextDirection.ltr)))); } }// run void main() => runApp(Demo1View()); ```
November 12, 2019 at 06:32AM by unicreators
https://ift.tt/2QfZShP
MVVM in Flutter
Hey guys!I implemented a simple MVVM architecture in Flutter. It uses property-based data binding to establish a connection between the ViewModel and the View, and drives the View changes through the ViewModel. Simplify complex state management during the development of the Flutter.github: https://github.com/unicreators/mvvm```dart import 'package:flutter/widgets.dart'; import 'package:mvvm/mvvm.dart'; import 'dart:async';// ViewModel class Demo1ViewModel extends ViewModel { Demo1ViewModel() { propertyValue<String>(#time, initial: ""); start(); }start() { Timer.periodic(const Duration(seconds: 1), (_) { var now = DateTime.now(); setValue<String>(#time, "${now.hour}:${now.minute}:${now.second}"); }); } }// View class Demo1View extends View<Demo1ViewModel> { Demo1View() : super(Demo1ViewModel());@override Widget build(BuildContext context) { return Container( margin: EdgeInsets.symmetric(vertical: 100), padding: EdgeInsets.all(40), // binding child: $.watchFor<String>(#time, builder: $.builder1((t) => Text(t, textDirection: TextDirection.ltr)))); } }// run void main() => runApp(Demo1View()); ```
November 12, 2019 at 06:32AM by unicreators
https://ift.tt/2QfZShP
GitHub
GitHub - unicreators/mvvm: A Flutter MVVM (Model-View-ViewModel) implementation. It uses property-based data binding to establish…
A Flutter MVVM (Model-View-ViewModel) implementation. It uses property-based data binding to establish a connection between the ViewModel and the View, and drives the View changes through the ViewM...