Giter Club home page Giter Club logo

flutter_ui_tool's Introduction

FlutterUITool

声明1:本项目仅供学习,部分参考别人页面的功能也已标注出原出处,如有侵犯原作者的地方请联系本人添加标注或删除。

本项目包括:

  • 首页(Alert、Button、TextField、TabBar、BottomNavigationBar、Sliver、登录模板、侧边栏、我的、个人中心、引导页)
  • 局部(Text、Image等小组件、地址、时间/日期、标签、进度条、侧滑删除、下拉筛选菜单、滚动到指定位置、监听所在位置 )
  • 动画(Animation系列、Tween、Curves、其他、插件-animations )
  • 项目中用到的封装的工具类(size_util、tost_util、platform_utils、log_utils、color_util、style_util、theme_util等 )
  • 夜间模式、多语言

运行环境

提示:null-safe环境

[✓] Flutter (Channel stable, 2.8.1, on macOS 12.0.1 21A559 darwin-x64, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[✓] Xcode - develop for iOS and macOS (Xcode 13.1)
[✓] Chrome - develop for the web
[✓] Android Studio (version 2020.3)

运行截图

Button、TextField、Alert_Dialog 的封装使用

1 2 3
Button TextField Alert_Dialog

TabBar

1 2 3
top_bar_NoScroll top_bar_Scroll top_bar_Height44

BottomNavigationBar

1 2 3 4
常规 底部线条 切换变色 ios风格
1 2 3 4
顶部线条 气泡bar 按钮固定中间 圆形突出
1 2 3 4
曲线 凸起弧度1 凸起弧度2 凹入

Sliver

1 2 3 4
家族控件 SliverAppBar+tab sliver+nestedScroll 组合测试

登录模板

1 2 3 4
常规-登录 常规-注册 常规-快速登录 常规-忘记密码
1 2 3 4
上下交替 前后翻转 present跳转 BottomSheet弹出
1 2 3 4
手机号登录 表情动效 验证码登录 视频背景登录

侧边栏

1 2 3 4
左边-内部 左边-外部 左边-弧度 右边-外部

我的

1 2
导航栏渐变 卡片

个人中心

1 2 3
顶部弧度 个人详情模式1 个人详情模式2

引导页

1 2 3
本地图片 网络图片 动画式

Widgets

1 2 3 4
文字 图片 ToggleButton Check-Switch

地址

1 2 3
picker 城市 国家

时间

1 2 3 4
picker选择 时钟选择 绘制实时钟表 绘制实时闹钟

标签

1 2 3
Chip 热门 添加删除

进度条

1 2 3
单向 双向 无节点

侧滑删除

1 2
单向侧滑 双向侧滑

下拉筛选菜单

1 2
仿美团 多选

滚动到指定位置、监听所在位置

1 2 3 4
滚动到指定位置1 滚动到指定位置2 监听所在位置1 监听所在位置2

动画

1 2 3
Tween+Animation Curvers 路由过渡动画Transition

特别鸣谢

flutter_ui_tool's People

Contributors

dushiling 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.