Code Monkey home page Code Monkey logo

jh_flutter_demo's Introduction

jh_flutter_demo

A new Flutter project - 实现一些常用效果、封装通用组件和工具类

pwd:123456

代码不定期更新

注:Flutter版本升到2.0.3之后,一些第三方有冲突(图片选择和图表),暂时先注释了代码,如需查看可按tag v1.0.0版本环境运行查看


实现的一些效果

  • 通用框架搭建、通用基类实现
  • 字体、颜色、Frame、字符串等宏定义
  • dio网络请求封装
  • API接口管理和数据管理
  • 路由模块化管理
  • 屏幕适配
  • 暗黑模式(DarkMode)适配
  • 主题切换
  • 组件
    • baseNav、baseAppBar、BaseTabBar、BaseWebView
    • 弹框(中间、底部、toast、dialog、自定义弹框)
    • 时间、日期、单列、多列、底部选择器
    • 级联选择器(多维数组或树形结构、支持搜索)
    • JhForm 表单录入(单行多行输入样式、选择样式、设置样式、登录样式)
    • JhTopTabBar(导航条分页切换)
    • 渐变色导航条
    • 仿微信右上角弹框
    • 倒计时按钮
    • APP更新弹框
    • 拍照、本地图片多选、九宫格展示、全屏查看图片
  • 工具类
    • AES加解密、MD5加密、base64编码解码
    • 本地数据AES加密存储
    • 实时网络监测
    • 获取设备信息、屏幕信息、刘海屏判断
    • 加载图片资源、颜色设置
    • 状态栏设置
    • 二维码扫描与生成
    • 导航路由跳转
    • 时间格式转换
    • 随机数
  • UI相关
    • ListView相关(分页上下拉刷新、分组上下拉刷新、分组吸顶)
    • GridView相关
    • Chart相关(多图表动态加载、渐变折线图、折线柱状图混合图表)
    • 小红点
    • 导航条搜索框
    • 轮播(全屏、缩放)
    • Animation(标签云)
    • 列表侧滑按钮
    • 城市选择列表
    • 富文本
    • 登录注册
    • 版本新特性
    • 检查更新
    • 仿微信UI(首页,通讯录,发现和个人中心等)
    • 导航条图片下拉放大和渐变效果(微信运动排行榜,个人主页)
    • 微信朋友圈和图片浏览

注:

  • 封装的组件和工具类都在jh_common文件夹
  • 更多请下载工程查看

项目运行环境

  • Flutter version 2.10.0
  • Dart version 2.16.0

注意事项

  • debug模式下会有部分卡顿现象,这属于正常现象。良好的体验需要打release 包。 iOS可以执行命令flutter build ios 以创建release版本。 Android可以执行命令flutter build apk 以创建release版本。
  • iOS14真机运行闪退,可通过 flutter run --release 真机运行

更新记录

重要更新
* v2.10.1 - 暗黑模式(DarkMode)适配
* v2.10.0 - 更新三方库和flutter版本(Flutter 2.10.0,Dart 2.16.0)
* v2.0.0  - 更新 Flutter SDK( 2.0.3 )和依赖库
* v1.0.0  - 环境:Flutter version 1.22.3,Dart version 2.10.3






微信UI:

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.