哔哩哔哩项目

守护地中海的花
89 阅读1分钟

快捷键

image.png

代码自动补全插件 Flutter Snippets

快捷大全 image.png

自动格式化

image.png

image.png

格式化 必须全团队使用 不然 你保存 都是改动地方

网络层架构

image.png

image.png

image.png

image.png

接口地址

swagger

编写 base_request 然后 test_request 然后 HiNet

hi_error、hi_net_adapter、mock_adapter测试 mock 然后 dio_adapter

json转换

image.png

test() 函数看看

image.png

image.png

手写 Owner

image.png

在线解析 CrazyCodeBoy、json-dart

test_mo.dart

json_serializable 使用技巧

image.png

image.png

执行命令

image.png

image.png

缓存

shared_preferences

image.png

db 模块

登陆注册

image.png

image.png

image.png

image.png

image.png

login_input_weight

ValueChanged

image.png

爆红 keyboardType 键盘类型 image.png 不爆红了

image.png

image.png

image.png

image.png

用expanded 展开

image.png

创建utils 颜色常量

创建 page

调试 切换成 注册界面

image.png

image.png

添加线

image.png

Divider 用来画线。

创建appBar

image.png

创建login_effect 睁眼闭眼动效

导入图片

image.png

注册模块

添加VoidCallback 添加到构造函数里面

image.png

有内容 注册按钮才能点击 checkInput（）

String_utils

判断是否为空

image.png

注册 login_page

login_button

FractionllySizeBox 填满

image.png

fluttertoast

封装toast

导航

image.png

先写测试

image.png

创建 home——page 和 video_model

image.png

image.png

创建 video_detail_page

image.png

4-3 路由管理剖析与实战 有点晕 上来就讲 应该缺了一节课

创建navigator

继续补充

构造函数

image.png

实现抽象方法

image.png

判断是否是home 还是detial 通过location

image.png

image.png

Bottom——navigator和pageview实现

pageview可以切换界面 滑动 pageview 不让滚动 设置

image.png

image.png

然后写 bottomNavigationBar 标题一直显示 就是

image.png

hi_navigator 监听tab 切换 搞起来

设置bool值 默认的 然后切换tababr 调用

重复创建 用with

image.png pageview 导致homepage重复创建 加个 with xxx 然后 want keepAlive=>true

实现顶部导航

image.png

创建子控制器 home_tab_page

用column包裹 tabBar

_tabBar() 创建TabBar with AutomaticKeepAliveCh TickerProvermin

image.png

image.png

image.png

tabBarView 设置下面子控制器

home网络请求

IMG_6191.jpg

IMG_6192.PNG

IMG_6193.PNG

IMG_6194.jpg

封装hiState

封装Banner

HiBanner

密码 但是token不对

Tom2 123

banner

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

刷新

image.png

image.png

视频

IMG_6225.PNG

image.png

视频UI配置 是复制来的 不是一行行敲的

avatar
文章
阅读
粉丝