Flutter - 一个fultter练习项目(仿写微信UI、实现一些常用效果、封装通用组件和工具类)
demo 地址: https://github.com/iotjin/jh_flutter_demo
注：Flutter版本升到2.0.3之后，一些第三方有冲突（图片选择和图表），暂时先注释了代码，如需查看可按tag v1.0.0版本环境运行查看
实现的一些效果
- 通用框架搭建、通用基类实现
- 字体、颜色、Frame、字符串等宏定义
- dio网络请求封装
- API接口管理和数据管理
- 路由模块化管理
- 屏幕适配
- 暗黑模式(DarkMode)适配
- 主题切换
- 组件
- BaseAppBar、BaseTabBar、BaseRefreshView、BaseWebView
- 弹框(中间、底部、toast、dialog、自定义弹框)
- 时间、日期、单列、多列、底部选择器
- 级联选择器（多维数组或树形结构、支持搜索）
- JhForm 表单录入(单行多行输入样式、选择样式、设置样式、登录样式)
- JhTopTabBar(导航条分页切换)
- 渐变色导航条、多行标题导航条
- 仿微信右上角弹框
- 倒计时按钮
- APP更新弹框
- 基于微信UI的图片/视频选择器(支持拍照及录制视频)
- 拍照、本地图片多选、九宫格展示、全屏查看图片
- 文本高亮显示指定文本
- 空数据和网络异常
- 骨架屏
- 工具类
- AES加解密、MD5加密、base64编码解码
- 本地数据AES加密存储
- 实时网络监测
- 获取设备信息、屏幕信息、刘海屏判断
- 加载图片资源、颜色设置
- 状态栏设置
- 二维码扫描与生成
- 导航路由跳转
- 监听页面出现或消失
- 时间格式转换
- 字符串处理
- 随机数
- UI相关
- ListView相关(分页上下拉刷新、分组上下拉刷新、分组吸顶)
- GridView相关
- Chart相关(多图表动态加载、渐变折线图、折线柱状图混合图表)
- 小红点
- 导航条搜索框和header搜索框
- 轮播(全屏、缩放)
- Animation(标签云)
- 列表侧滑按钮
- 城市选择列表
- ListView/GridView拖拽排序
- 富文本
- 登录注册
- 版本新特性
- 检查更新
- 仿微信UI（首页，通讯录，发现和个人中心等）
- 导航条图片下拉放大和渐变效果(微信运动排行榜，个人主页)
- 微信朋友圈和图片浏览
注：
- 封装的组件和工具类都在
jh_common文件夹 - 更多请下载工程查看
项目运行环境
- Flutter version 3.0.0
- Dart version 2.17.0
注意事项
- debug模式下会有部分卡顿现象，这属于正常现象。良好的体验需要打release 包。 iOS可以执行命令flutter build ios 以创建release版本。 Android可以执行命令flutter build apk 以创建release版本。
- iOS14真机运行闪退，可通过 flutter run --release 真机运行
更新记录
- Flutter version 2.0.3
- Dart version 2.12.2
注意事项
- debug模式下会有部分卡顿现象，这属于正常现象。良好的体验需要打release 包。 iOS可以执行命令flutter build ios 以创建release版本。 Android可以执行命令flutter build apk 以创建release版本。
- iOS14真机运行闪退，可通过 flutter run --release 真机运行
更新记录
* v3.0.0 - 更新三方库和flutter版本（Flutter 3.0.0，Dart 2.17.0）
* 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效果图：
demo 地址: https://github.com/iotjin/jh_flutter_demo
Flutter - 一个fultter练习项目(仿写微信UI、实现一些常用效果、封装通用组件和工具类)相关推荐
- 尚医通项目仿写部分技术点总结
尚医通项目部分技术点总结 前言 技术点汇总 1.MybatisPlus 技术介绍 使用步骤 2.Excel表格的导入与导出 技术介绍 使用步骤 3.redis以注解的方式对数据字典进行缓存 技术介绍 ...
- Netty入门与实战:仿写微信IM即时通讯系统
转载自:Netty入门与实战:仿写微信IM即时通讯系统 Netty是互联网中间件领域使用最广泛最核心的网络通信框架,几乎所有互联网中间件或者大数据领域均离不开Netty,掌握Netty是作为初中级工程 ...
- ( 持续更新，目前含 200+ 工具类 ) DevUtils 是一个 Android 工具库, 主要根据不同功能模块，封装快捷使用的工具类及 API 方法调用。
DevUtils GitHub About ( 持续更新,目前含 200+ 工具类 ) Roadmap DevUtils 是一个 Android 工具库,主要根据不同功能模块,封装快捷使用的工具类及 ...
- TreeHelper 是一个将含有id,parentId属性的JavaBean转化为层次分明的树形结构的工具类。
TreeHelper 简介 TreeHelper 是一个将含有id,parentId属性的JavaBean转化为层次分明的树形结构的工具类. 优点 高效树形数据转化 无侵入设计 高性能 通用性强 AP ...
- 安卓开发笔记（三十三）:Android仿写微信发现
首先我们来看看仿写之后的效果: 看到是这个界面我们首先应该思考这些按钮是怎么做出来的?有了一个整体的思路之后才知道该怎么办.最开始我想的就直接利用button控件上面直接加上png的图片就可以形成一个 ...
- flutter 微信语言选择_#Flutter项目(3)之仿写微信通讯录界面
1 导航栏按钮的添加 导航栏 appBar 使用AppBar()方法创建:主要用到的控件属性如下: title:导航栏标题 /// The primary widget displayed in th ...
- 仿写微信公众号添加自定义菜单 并给后台存数据
之前写了一个自定义菜单,最后发现数据传输的不正确,后面有整理一套 这套数据严格按照官方的数据结构传输 不过功能没有写全 只有基本的两个 代码如下 html: <div class="g ...
- vue 仿写微信公众号自定义菜单
先看效果图 代码参考 <template> <div> <!-- 公众号设置 --> <el-col :span="24" style=& ...
- 微信小程序如何自定义一个可输入筛选的下拉弹出框，也封装成组件。
在开发过程中,经常会遇到下拉框,有些时候内容过多,找起来也不方便,给他增加一个输入框,相当于用户输入某些信息,然后再下拉,符合输入内容的数据将会被展示出来,大大方便了用户操作体验. 话不多说,让我们开 ...
最新文章
- 16年10月18号2th运算符与流程结构
- 编写微信小程序常用到的界面参数
- REST Framework 的用户认证组件
- 【Python】文件的使用
- 解决 ImportError: No module named 'pip._internal'问题
- rxjava结合_RxJava结合最新，与最新发件人
- 我的书《编写高质量代码—Web前端开发修炼之道》面市了，请大家多多支持
- 【TSP】基于matlab遗传算法求解旅行商问题【含Matlab源码 1337期】
- Android 用代码获取基站号(cell)和小区号（lac）
- 【漏洞学习——SSRF】七牛某站SSRF可探测内网
- 记一次Pr安装转场插件导致AE报错问题解决
- 端口输出报错**Error** test5.ASM(60) Constant too large
- 《java程序员面试笔试宝典》学习笔记
- 简单理解云桌面的模板，桌面池和虚拟机的概念
- send和sendto的区别
- 程序NSIS ERROR出错解决方案
- 【DIY文章列表标签】dt_gry_list
- 黄俊滔：没有人能够打败趋势，将会有大规模公司倒闭
- 【SQL】递归展BOM全阶,含半成品,用量累乘,如半成品用量2,下阶用量需要乘以2
- # 电脑端的应用无法上传附件，点击没有反应怎么办？