Flutter 项目实战 架构模式四(2)

本文详细介绍了在Flutter应用开发中,MVP(Model-View-Presenter)和MVVM(Model-View-ViewModel)架构模式的实现,涉及StatefulWidget、Presenter、Model的交互方式,以及如何通过回调在视图、控制层和模型层之间传递数据。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

), // This trailing comma makes auto-formatting nicer for build methods.

);

}

}

/ Flutter MVP /

StatefulWidget 可以作为视图层负责处理界面呈现和用户交互

Presenter 处理业务,负责业务逻辑,发起数据请求(网络获取数据 | 本地获取数据)

Mode 数据源

调用顺序 View -> Presenter -> Model ,不可以反向调用,不可以跨级调用。

创建BaseModel

abstract class IModel {

//待扩展

}

abstract class BaseModel implements IModel {

//待扩展

}

///获取数据成功回调

typedef SuccessCallback = void Function(dynamic data);

///获取数据失败回调

typedef FailureCallback = void Function();

创建 BasePresenter

通过IModel建立 Presenter 和 Model的联系

import ‘package:flutter_splash_ios/mvp/BaseModel.dart’;

abstract class BasePresenter {

///模型层实例

M? _model;

M? get model => _model;

///通过控制层传递实例

///方便控制层从模型层获取数据

IModel createModel();

}

创建 BaseViewState

BaseView 用于传递Key 用于视图的刷新, 也可以传递其他类型的参数

key 分为 LocalKey (ValueKey、ObjectKey、UniqueKey) ") 和 GlobalKey

IView 建立 Presenter(控制层)  和  视图层 (View)  联系

import ‘package:flutter/material.dart’;

abstract class BaseView extends StatefulWidget {

BaseView({Key? key}) : super(key: key);

@override

BaseViewState createState() => getState();

///子类实现

BaseViewState getState();

}

abstract class BaseViewState extends State {

@override

Widget build(BuildContext context) {

return Scaffold(

///导航栏

appBar: buildAppBar(),

///内容区域

body: buildWidget(),

///内容区域背景颜色

backgroundColor: buildBodyColor(),

);

}

buildWidget();

buildAppBar() => null;

Color buildBodyColor() {

return Color(0xff00FFFFFF);

}

}

abstract class IView {

///开始加载数据

void startLoading();

///加载完成

void showLoadSuccess();

}

扩展 BasePresenter ,建立 Presenter(控制层)  和  视图层 (View)  联系<

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值