# bilibili_getx_project

**Repository Path**: tcsn9527/bilibili_getx_project

## Basic Information

- **Project Name**: bilibili_getx_project
- **Description**: 用于展示搭建过程
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2023-03-29
- **Last Updated**: 2023-03-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# bilibili_getx 搭建过程

## 项目名称
bilibli_getx_project

### 前言
重新搭建，会对原有代码进行的改进

### 目前的进度
p5

### 创建项目
- 环境搭建（flutter 环境搭建）指令 flutter doctor / flutter upgrade 等
  -- https://flutter.cn/docs
- 确定项目的存储位置、项目名称
- 确定并创建项目目录（个人代码习惯，自定）
- 主目录（core、ui）等

### pubspec.yaml
- 可以添加插件、添加字体font、本地图片位置
- https://pub.flutter-io.cn/ 找插件的地址

### 运行项目
windows 、web、Android、ios

### 添加插件 getX
- https://pub.flutter-io.cn/packages/get 插件地址
- https://juejin.cn/post/6924104248275763208 GetX plugins 插件

### main.dart
- 删除原有代码
- 配置getx
- 屏幕适配
- 本地轻量化存储
- 弹框

### 主题 app_theme.dart （看个人习惯）
- 定义主题 https://juejin.cn/post/7076067602463719460
- 颜色
- 一些常用的样式
- [ ] **P1** **进度至此**

### 小窗口播放视频
- floating
- [ ] **P2** **进度至此**

### 底部按钮/主页页面切换
- IndexStack
- [ ] **P3** **进度至此**

### 获取接口
前期准备：下载安卓模拟器（这里用MuMu模拟器）并安装bilibili，下载Fiddler或者Charles
#### Fiddle抓取接口
#### charles抓取接口
出现Unknow可以参考[charles抓取HTTPS协议接口unknown解决方法 - 不吃鱼的猫大 - 博客园 (cnblogs.com)](https://www.cnblogs.com/dy99/p/13817055.html)
- [ ] **P4** **进度至此**

### Home主页
- NestedScrollview
- TabBarView
- 推荐关键字

### 网络请求
- model https://app.quicktype.io/
- dio
- request
- [ ] **P5** **进度至此**


### 更新APP
- package_info_plus 获取版本等信息

### 沉浸式体验（设置手机app状态栏颜色和背景颜色等）