# flutter_bilibili_demo

**Repository Path**: fengsam618/flutter_bilibili_demo

## Basic Information

- **Project Name**: flutter_bilibili_demo
- **Description**: flutter learn
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-01
- **Last Updated**: 2026-03-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Flutter Bilibili Demo

这是一个使用 Flutter 开发的仿哔哩哔哩移动应用 Demo 项目，用于学习 Flutter 开发。

## 项目简介

本项目旨在通过实战的方式，帮助开发者掌握 Flutter 开发的核心知识点。项目模拟了哔哩哔哩移动端的主要界面，包括底部导航、首页推荐、视频详情、个人中心等功能模块。

## 功能特性

- ✅ 底部导航栏（首页、动态、发布、会员购、我的）
- ✅ 首页视频推荐列表
- ✅ 视频详情页面
- ✅ 个人中心页面
- ✅ 动态页面
- ✅ 会员购页面
- ✅ 响应式布局
- ✅ 详细的代码注释

## 技术栈

| 技术 | 说明 |
|------|------|
| Flutter 3.0+ | 跨平台 UI 框架 |
| Dart 3.0+ | 编程语言 |
| Provider | 状态管理 |
| Go Router | 路由管理 |
| Dio | 网络请求 |
| Cached Network Image | 图片缓存 |

## 项目结构

```
lib/
├── main.dart                 # 应用入口
├── models/                   # 数据模型
│   ├── video_model.dart      # 视频数据模型
│   └── user_model.dart       # 用户数据模型
├── pages/                    # 页面
│   ├── main_page.dart        # 主页面（底部导航）
│   ├── home/                 # 首页
│   ├── dynamic/              # 动态页
│   ├── publish/              # 发布页
│   ├── member/               # 会员购页
│   ├── profile/              # 我的页面
│   └── video/                # 视频详情页
├── widgets/                  # 自定义组件
│   ├── video_card.dart       # 视频卡片组件
│   └── custom_app_bar.dart   # 自定义导航栏
├── utils/                    # 工具类
│   └── constants.dart        # 常量定义
└── services/                 # 服务类
    └── api_service.dart      # API 服务
```

## 快速开始

### 环境要求

- Flutter SDK 3.0+
- Dart 3.0+

### 安装步骤

1. 克隆项目：
```bash
git clone https://gitee.com/fengsam618/flutter_bilibili_demo.git
```

2. 进入项目目录：
```bash
cd flutter_bilibili_demo
```

3. 获取依赖：
```bash
flutter pub get
```

4. 运行项目：
```bash
flutter run
```

## 学习要点

1. **Widget 组件化**：学习如何拆分和复用 UI 组件
2. **状态管理**：使用 Provider 进行状态管理
3. **路由导航**：页面间的跳转和参数传递
4. **列表优化**：使用 ListView.builder 实现高性能列表
5. **网络请求**：模拟数据加载和异步处理

## 注意事项

这是一个学习用的 Demo 项目，不包含真实的后端接口，所有数据均为模拟数据。

## 相关文档

项目包含丰富的学习文档：
- `QUICKSTART.md` - 快速开始指南
- `FLUTTER_LEARNING_GUIDE.md` - Flutter 学习指南
- `DEVELOPMENT.md` - 开发环境配置指南
- `FEATURES.md` - 功能特性详解
- `CODE_GUIDE.md` - 代码导读
- `PROJECT_TREE.md` - 项目结构树

## 许可证

本项目仅供学习使用，克隆于github，二次开发，如有侵权，需要停止使用。