flutter-mvp架构

项目介绍

该项目为flutter的mvp的基础架构,主要封装了mvp基础类,使用dio进行网络框架封装,使用fluro进行路由跳转;

mvp使用

思想和我封装android的mvp的思想基本一致,可是因为dart和kotlin的语法差异,可能有些地方仍是不太同样,若是想了解我原生的mvp封装能够参考文章blog.csdn.net/villa_mou/a…

contract

abstract class SecondView extends IView<SecondPresenter>{
  	void showSucc(Article article);
}

abstract class SecondPresenter  extends IPresenter<SecondView>{
  Future loadContacts();
}
复制代码

presenter

class SecondPresenterImp extends BasePresenterKt<SecondView>
implements SecondPresenter {

@override
Future loadContacts() async {

}
}
复制代码

view

class SecondWidget extends BaseMvpWidget {
 String name;
 String title;
 SecondWidget(this.name,this.title);
 @override
 BaseMvpWidgetState<ITopPresenter, BaseMvpWidget> getMvpState() {
	return SecondPage(name,title);
 }
 }

class SecondPage extends BaseMvpWidgetState<SecondPresenter, SecondWidget>
implements SecondView {
  String name;
  String title;
  SecondPage(this.name,this.title);

  @override
  SecondPresenter mPresenter = SecondPresenterImp();

  @override
  void initData() {
	mPresenter.loadContacts();
  }

  @override
  void showSucc(Article article) {
	toast(article.data[0].name);
  }

  @override
  void initView() {
 

  }

  @override
  Widget buildWidget(BuildContext context) {
var widget = new ListView(
padding: new EdgeInsets.symmetric(vertical: 8.0),
children: [
  Text("aaaaaaaaaaaaaaa"),
  Text("传递过来的参数{$name$title}"),
]
);
return widget;
  }

}
复制代码

网络框架的使用

网络框架使用dio,这个玩意有页面销毁的时候取消网络请求的cancelToken,比较符合以前原生开发的业务场景,具体使用

HttpGo.getInstance()
    .get(UrlConstants.ARTICLE
    , ShowLoadingIntercept(mView)
    , (data) {
      var article =Article.fromJson(data);
      mView.showSucc(article);
    }
    , errorCallBack: () {
        mView.setErrorWidgetVisible(true);
    });
复制代码

ShowLoadingIntercept(mView)为是否显示loading弹窗,loading弹窗封装在基类的,也就是原生的baseActivity,经过ItopView进行调用的,而且基类封装了空布局,错误布局,loading布局,只须要在presenter中经过mview调用便可; 这里基类的封装参考了另一个项目

fluro路由的使用

fluro简化了Flutter的路由开发，也是目前Flutter生态中最成熟的路由框架。

首先须要配置路由路径

class Routes {
 static String root = "/";
 static String second = "/second";

static void configureRoutes(Router router) {
	//router.notFoundHandler=Handler()
	router.define(root, handler: homeHandler);
	router.define(second, handler: secondHandler);
 }
}
复制代码

而后配置handler(带参和不带参)

var homeHandler = Handler(
 handlerFunc: (BuildContext context, Map<String, List<String>> parameters) {
 return HomeTabWidget();
});

var secondHandler = Handler(
handlerFunc: (BuildContext context, Map<String, List<String>> parameters) {
 String name = parameters["name"].first;
 String title = parameters["title"].first;
 return new SecondWidget(name, title);
});
复制代码

最后路由跳转

String route = '/second?name=${Uri.encodeComponent("张三")}&title=${Uri.encodeComponent("你好")}';
  Application.router.navigateTo(context, route,transition: TransitionType.fadeIn);
复制代码

最后

项目地址:github.com/mouxuefei/f…

鄙人能力有限,暂时只能封装成这样,若是有小伙伴有好的建议,欢迎一块儿分享讨论;

参考项目:

1,github.com/385841539/f…

2,github.com/yzxzm/flutt…