Flutter 新闻客户端

仓库地址

• https://gitee.com/ducafecat/flutter_learn_news

• https://github.com/ducafecat/flutter_learn_news

导航

• 客户端 flutter + yapi
• 客户端 flutter + strapi + graphql
• 客户端后台 docker + strapi + eggjs + mongo + redis

项目目标

通过新闻 APP 业务构建一套精简的代码模板。

SDK 环境

Flutter 1.17.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 5f21edf8b6 (4 days ago) • 2020-05-28 12:44:12 -0700
Engine • revision b851c71829
Tools • Dart 2.8.3

功能

• 欢迎界面
• 登录界面
• 注册界面
• 首页
• 分类页
• 搜索页
• 详情页
• 个人中心

文档 + 视频

文档	B 站	油管
01 需求分析、使用蓝湖标注工具、项目目录构建	视频	视频
02 设计稿适配、加入图片字体资源、欢迎界面	视频	视频
03 静态路由、组件抽取、登录注册界面	视频	视频
04 YAPI 接口管理、RESTful、生成代码、dio 封装	视频	视频
05 AppData、Cache、Fiddle、iconfont、主界面搭建	视频	视频
06 代码规范、业务代码组织、新闻首页实现	视频	视频
07 Provider、认证授权、骨架屏、磁盘缓存	视频	视频
	视频	视频
	视频	视频
	视频	视频
	视频	视频
	视频	视频
08 路由管理 auto_route	视频	视频
09 详情页展示、分享、远程真机调试	视频	视频
	视频	视频
10 编译发布正式版	视频	视频
	视频	视频
11 APP 升级、android 动态授权	视频	视频
	视频	视频
12 采用 sentry 平台收集错误	视频	视频
13 使用 supernova 导入 adobe xd 自动生成用户中心代码	视频	视频
14 headless strapi + graphql 快速构建新闻后台	视频	视频
15 strapi 数据建模 graphql 条件查询排序	视频	视频
16 strapi + graphql 用户注册、登录、异常处理	视频	视频
17 strapi centos 发布部署 + jmeter 压测	视频	视频

技术点

目录结构

dependencies 依赖包

名称	说明
auto_route	路由管理
intl	日期格式
flutter_screenutil	屏幕适配
flutter_easyrefresh	上下拉刷新
pk_skeleton	骨架屏
fluttertoast	提示 toast
dio	通讯 http
cookie_jar	cookie
dio_cookie_manager	dio cookie
shared_preferences	本地存储
cached_network_image	图片缓存
crypto	加密 SHA
provider	响应数据
webview_flutter	web 显示
loading_animations	loading 动画
share	分享
auto_route_generator	自动路由
build_runner	路由代码生成

导入 iconfont 图标库

iconfont_builder --from ./assets/fonts --to ./lib/common/utils/iconfont.dart

生成路由

flutter packages pub run build_runner build

代码仓

https://github.com/ducafecat/flutter_learn_news

接口管理

• 管理 http://yapi.demo.qunar.com/

• 接口地址 http://yapi.demo.qunar.com/mock/88171

蓝湖设计稿

https://lanhuapp.com/url/lYuz1

密码: gSKl

由于设计稿有版权，不方便提供下载，需要的联系我微信添加蓝湖授权

视频

• B 站
• 油管镜像

联系

微信号: ducafecat