Code Monkey home page Code Monkey logo

flutter_deer's Introduction

Flutter Deer

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

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

本项目设计图见design目录,你可以通过我提供的设计图有目标的去练习。有更好的实现方案欢迎交流。

预览

部分页面效果如下:

实现效果包括

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

具体可以下载体验:

Android版安装包:点击下载

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

注意

1. `debug`模式下会有部分卡顿现象,属于正常现象。良好的体验需要打`release` 包。
    IOS可以执行命令`flutter build ios` 以创建`release`版本。
    Android可以执行命令`flutter build apk` 以创建`release`版本。

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

觉得还可以的话,来个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)

使用到的三方库

功能
fluro 路由管理
flutter_oktoast Toast
common_utils Dart 常用工具类库
flutter_slidable 侧滑删除
flustars Flutter 常用工具类库
flukit Flutter UI组件库
url_launcher 启动URL的插件
image_picker 图片选择插件
rxdart Dart的响应式扩展
webview_flutter WebView插件
keyboard_actions 处理键盘事件
sticky_headers 列表悬浮头
azlistview 城市选择列表
date_utils 常用的日期工具类
bezier_chart 曲线图表

具体可以参看pubspec.yaml文件

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.

flutter_deer's People

Contributors

simplezhli avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.