当前位置：首页 > 软件库 > 程序开发 > 服务框架/平台 >

Flutter MVVM

Flutter 的 Model-View-ViewModel 实现

授权协议 MIT

开发语言 Dart

所属分类程序开发、服务框架/平台

软件类型开源软件

地区国产

投递者蒙光华

操作系统跨平台

开源组织无

适用人群未知

软件概览

一个 Flutter 的 MVVM(Model-View-ViewModel) 实现，它使用基于属性 (property) 的数据绑定在视图模型 (ViewModel) 与视图 (View) 之间建立关联，并通过视图模型 (ViewModel) 驱动视图 (View) 变化。以此简化 Flutter 开发过程中繁重的状态管理与 widget 树控制。

import 'package:flutter/widgets.dart';
import 'package:mvvm/mvvm.dart';
import 'dart:async';

// define ViewModel
class Demo1ViewModel extends ViewModel {
  Demo1ViewModel() {
    // define bindable property
    property<String>("time", initial: "");
    // timer
    start();
  }

  start() {
      Timer.periodic(const Duration(seconds: 1), (_) {
        var now = DateTime.now();
        // call setValue
        setValue<String>("time", "${now.hour}:${now.minute}:${now.second}");
      });
  }
}

// define View
class Demo1 extends View<Demo1ViewModel> {
  Demo1() : super(Demo1ViewModel());

  @override
  Widget buildCore(BuildContext context) {
    return Container(
        margin: EdgeInsets.symmetric(vertical: 100),
        padding: EdgeInsets.all(40),

        // binding
        child: $.watchFor("time", 
            builder: $.builder1((t) => 
              Text("$t", textDirection: TextDirection.ltr))));
  }
}

// run
void main() => runApp(Demo1());

使用案例

Flutter mvvm简单实战

内容指导本章不是一个初学者的话题，如果您连基础的接口调用，ui界面都不会，推荐先去学习flutter基础再来看这篇博客架构简介 view层显示view model层请求处理http操作 viewmodel保存状态，处理业务逻辑，充当view跟model通信的桥梁 util存储工具类，比如dio封装项目简介没有封装dio等只是实现了mvvm登陆功能，也许有的地方不正确，希望各位大佬指出
Flutter MVVM 实用框架

code小生一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：玉兔是我啊链接：https://www.jianshu.com/p/a8891fb0fb9d 声明：本文已获玉兔是我啊授权发表，转发等请联系原作者授权基于Provider实现MVVM框架，常用的方式是 ViewModel 继承 ChangeNotifier ，再通过 ChangeNotifierProvid
Flutter MVVM框架搭建

去年公司Flutter的项目采用的是类似Android 里面的MVP(Model View Persenter)模式，Model和View以及Persenter之间采用接口解耦，虽然采用插件来生成对应的基本模板，渐渐的发现接口过多，慢慢的就发现很多问题。主要的问题是逻辑复杂的情况下，接口会比较多，而且Presenter也不太好复用(可能技术太菜了)，之后引入Provider框架来解决页面局部刷新
Flutter MVVM 简单实践

原文链接：https://juejin.cn/post/6939183007743868936

Flutter MVVM

同类工具

相关阅读

相关文章

相关问答

相关文档