flutter-完整项目mvvm架构

34次阅读

共计 578 个字符,预计需要花费 2 分钟才能阅读完成。

Github

安卓请扫码下载体验,ios 没有证书,无法下载。

项目结构

该项目的特点

1、使用 mvvm 架构编写。MVVM 架构在 Flutter 中的简单实践

2、Provide 和 RxDart 的使用,详细请参考 Flutter | 状态管理特别篇 —— Provide

部分封装介绍

1、refresh 组件:刷新组件是在 pull_to_refresh 的基础上进行的再次封装,该库本身是存在一些问题的,所以就自己改了一下使用。希望该库持续更新,还有其他的刷新库,这里就不详细说了。主要是我们在使用时最好能够读懂别人的组件库的代码,这样才能更好的解决问题。也是一种学习方式。pull__to__refresh

2、OpacityTapWidget 组件:OpacityTapWidget 组件解决了 2 个问题:

1)点击效果:点击时 child 有一个透明度的变化

2)点击的热区问题:OpacityTapWidget 内部设置 padding 增加了点击的热区。

new OpacityTapWidget(onTap: () {Navigator.of(context).pop();},
    child: new Icon(Icons.close, color: Colors.white,size: 27,),
)

3、TapWidget 组件:和 OpacityTapWidget 不一样的是 TapWidget 点击的效果是背景颜色的变化。


正文完
 0