BetterZhang / flutter_deer

🦌 Flutter 练习项目。包括完整UI设计图,更贴近真实项目的练习。

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flutter Deer

本项目为个人Flutter的学习练习项目(暂时不包括网络请求,只有简单的数据处理,主要为UI练习)。

通过设置、修改、组合自带部件以及自定义来实现具体的设计效果,满足日常开发的需求。

本项目设计图见design目录。

预览

部分页面效果如下:

实现效果包括

  • 输入框等部件的处理封装
  • 自定义列表滑动效果
  • PopupWindow
  • 简易的过渡动画
  • 侧滑删除
  • 城市选择
  • 类似京东的三级联动
  • 各种自定义Dialog
  • 头部列表吸顶
  • 密码输入键盘
  • 验证码输入框
  • 自定义简易日历
  • 曲线图及饼状图

具体可以下载体验:

Android版安装包:点击下载

IOS需要自行下载代码运行。(效果是一致的)

因为页面有点多,不清楚业务流程可能会导致部分页面无法找到。具体可以参看设计图,或者页面上都随便点点。。。

觉得还可以的话,来个Star、Fork支持一波!有问题欢迎提Issue。

项目环境

1. Flutter version 1.5.4-hotfix.2

2. Dart version 2.3.0 (build 2.3.0-dev.0.5 a1668566e5)

TODO

已知问题:

1. ListView在没有设置分割线的情况下,个别Item之间存在大约1像素的间隔。

2. 输入框在不设置`obscureText`属性的情况下(false),无法弹出密码模式键盘。

心得

Thanks For

License

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.

About

🦌 Flutter 练习项目。包括完整UI设计图,更贴近真实项目的练习。

License:Apache License 2.0


Languages

Language:Dart 99.1%Language:Ruby 0.6%Language:Objective-C 0.2%Language:Java 0.1%