flutter 完整项目(mvvm架构)

发布时间:2019-06-28 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了flutter 完整项目(mvvm架构)脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

Github

clipboard.png

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

image

项目结构

(logo)

该项目的特点

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点击的效果是背景颜色的变化。


脚本宝典总结

以上是脚本宝典为你收集整理的flutter 完整项目(mvvm架构)全部内容,希望文章能够帮你解决flutter 完整项目(mvvm架构)所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。