• Stars
    star
    410
  • Rank 105,468 (Top 3 %)
  • Language
    Dart
  • Created over 4 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

flutter实战学习-新闻客户端
猫哥视频站

Flutter 新闻客户端

ios-index

仓库地址

导航

项目目标

通过新闻 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 压测 视频 视频

技术点

technical

目录结构

configuration

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

接口管理

蓝湖设计稿

https://lanhuapp.com/url/lYuz1

密码: gSKl

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

视频

联系

微信号: ducafecat

More Repositories

1

flutter_ducafecat_news_getx

flutter2 + dio4 + getx4
Dart
548
star
2

getx_quick_start

getx 功能整理: 路由、中间件、组件、状态、多语言、样式
Dart
252
star
3

dart-learn

Dart语言学习 【配套代码】
Dart
47
star
4

eggjs-graphql-vue-example

eggjs vue graphql 实践 登录、授权、鉴权、CURD
JavaScript
41
star
5

flutter_develop_tips

flutter技巧 https://ducafecat.com/blog
C++
40
star
6

flutter_helber_navigation_application

这个就是大家要的 https://helber.live/ 项目中的底部导航组件代码
C++
39
star
7

flutter_quickstart_learn

flutter 快速上手配套代码
C++
34
star
8

getx-template-vscode-extension

getx代码模板生成器
TypeScript
25
star
9

flutter_baidu_plugin_ducafecat

flutter插件 百度地图 baidu map
Dart
19
star
10

graphQL-example

GraphQL 渐进学习 配套代码
JavaScript
15
star
11

strapi-documentation-chinese

strapi.io 官方文档 中文翻译
JavaScript
10
star
12

flutter-bloc-learn

flutter bloc 学习
Dart
9
star
13

flutter_woo_commerce_getx_ducafecat

woo commerce 电商 flutter 客户端
Dart
7
star
14

flutter-learn

《Flutter 移动APP开发》 学习代码
Dart
7
star
15

flutter_openai_gpt_3_generation_ducafecat

C++
4
star
16

flutter_ducafecat_news_backend

strapi + eggjs + redis + mongo
JavaScript
3
star
17

flutter_navigator_v2

Flutter 导航2.0 配套代码
C++
2
star
18

flutter_application_gis

C++
2
star
19

echarts-example-vue-typescript

如何用 TypeScript 编写 Vue 项目 | 例子 echarts 图表展示
JavaScript
1
star
20

reactjs-example

reactjs 学习配套代码
JavaScript
1
star
21

docker-yapi

docker-compose 方式运行 yapi 接口管理平台
1
star
22

flutter_application_paint

C++
1
star
23

easy_web_view_2_10_5

easy_web_view 2.10.5 适配版本
Dart
1
star
24

flutter-webview-windows

C++
1
star
25

Open-IM-SDK-Flutter-fix-ios-simulator

open im sdk 1.1.1 fix-ios-simulator
Dart
1
star
26

flutter_pulltorefresh

Dart
1
star
27

helloword-vue-typescript

改造一个 `Vue` 项目适合 `TypeScript` 开发 | 配套代码
JavaScript
1
star
28

ducafecat-mock-server

mock server node + vue
Vue
1
star
29

flutter_package_ducafe_ui_core

Dart
1
star