本项目为学习Flutter的练习项目(主要为UI练习)。
通过设置、修改、组合自带部件以及自定义来实现具体的设计效果,满足日常开发的需求。
本项目设计图见design目录,你可以通过我提供的设计图有目标的去练习。所有的实现仅是个人的学习理解,如果有更好的实现方案欢迎交流。
部分页面效果如下:
- mvp模式
- 使用
provider
做状态管理 - 基于
dio
的网络请求封装(支持泛型,自动解析,基于FlutterJsonBeanFactory
插件实现) - 使用高德地图定位选择地址
- 输入框等部件的处理封装
- 自定义列表滑动效果
- 下拉刷新 + 上拉加载更多
- PopupWindow
- 简易的过渡动画
- 侧滑删除
- 城市选择
- 类似京东的三级联动
- 各种自定义Dialog
- 头部列表吸顶
- 密码输入键盘
- 验证码输入框
- 自定义简易日历
- 曲线图及饼状图
- 模块化路由管理
- 更多的细节优化
具体可以下载体验:
Android版安装包:点击下载
iOS需要自行下载代码运行。(效果是一致的)
注意:
1. `debug`模式下会有部分卡顿现象,属于正常现象。良好的体验需要打`release` 包。
iOS可以执行命令`flutter build ios` 以创建`release`版本。
Android可以执行命令`flutter build apk` 以创建`release`版本。
2. FlutterJsonBeanFactory插件使用可以查看[这篇文章](https://www.jianshu.com/p/e909f3f936d6)
3. 因为页面有点多,不清楚业务流程可能会导致部分页面无法找到。具体可以参看设计图,或者页面上随便点点。。。
觉得还可以的话,来个Star、Fork支持一波!有问题欢迎提Issue。
1. Flutter version 1.7.8+hotfix.4
2. Dart version 2.4.0
注意:
本人也尝试过升级过稳定版本1.7.8+hotfix.2
和 1.7.8+hotfix.3
,但是因为华为小米的个别机型在删除TextField
中的文字会导致崩溃(具体点击查看),所以推荐采用1.7.8+hotfix.4
。
如果你的Flutter版本低于1.5.9,需要使用低版本的依赖库,请手动替换:
flustars: 0.2.5
cached_network_image: ^0.7.0
库 | 功能 |
---|---|
dio | 网络库 |
provider | 状态管理 |
flutter_2d_amap | 高德2D地图 |
cached_network_image | 图片缓存 |
fluro | 路由管理 |
flutter_oktoast | Toast |
common_utils | Dart 常用工具类库 |
flutter_slidable | 侧滑删除 |
flustars | Flutter 常用工具类库 |
flutter_swiper | Flutter 轮播组件 |
url_launcher | 启动URL的插件 |
image_picker | 图片选择插件 |
rxdart | Dart的响应式扩展 |
webview_flutter | WebView插件 |
keyboard_actions | 处理键盘事件 |
sticky_headers | 列表悬浮头 |
azlistview | 城市选择列表 |
date_utils | 常用的日期工具类 |
bezier_chart | 曲线图表 |
sprintf | 格式化String |
具体可以参看pubspec.yaml文件
-
添加地图功能,具体实现插件见 flutter_2d_amap
-
下拉刷新 + 上拉加载更多
-
引入状态管理,预计使用 provider
-
项目中有使用这一套框架及组件,会同步修复及优化遇到的问题。
已知问题:
1. ListView在没有设置分割线的情况下,个别Item之间存在大约1像素的间隔。(像素对齐问题)
2. 输入框在不设置`obscureText`属性的情况下(false),无法弹出密码模式键盘。
想系统学习Flutter的可以通过下图的二维码购买陈航老师的课程。
Copyright 2019 simplezhli
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.