这是一个 Flutter 版本的 bilibili 项目开源分享~

PS：这个程序员是零基础，边自己看资料自学边动手做的，就问你牛不牛掰！

image.png

flutter练手项目
项目参考哔哩哔哩安卓客户端5.47版本的界面
原文地址：https://blog.csdn.net/u013518064/article/details/101165702

flutter特点

• 跨平台
• 热重载
• 快速开发

功能

• 首页
  推荐-下拉刷新，加载更多
  热门top100下拉刷新，加载更多
  追番页面
  影视页面
  70周年页面
  直播推荐-下拉刷新
  可以看直播

• 搜索
  支持关键字和av号搜索
  热搜推荐和搜索记录
  支持按照默认/播放量/弹幕数/新发布排序

• 播放
  可以播放视频！
  可以看弹幕！
  可以看到视频信息和评论（评论暂时只做了前面的热评和一些最新的评论）
  点击右上角可以保存封面到相册

• 频道
  获取实时频道列表

• 动态
  动态界面

• 会员购
  显示活动和商品列表
  下拉刷新，加载更多

• 我的
  显示头像，昵称、等
  设置界面
  简单登陆界面和彩蛋

项目演示

视频：bilibili

界面截图

启动/home/频道/动态/会员购/侧滑菜单

image

视频播放/评论/直播播放

image

弹幕功能

image image

直播/热门/追番/影视\

image

影视/70周年

image

搜索/登陆/保存封面

image

项目地址

github: https://github.com/nekomiyaxneko/flutter_MyBilibili

欢迎star

上手指南

安卓虚拟机Nexus_5X_API_24、华为荣耀6、华为荣耀9上测试通过

1.直接下载

安卓:下载apk安装包
IOS：由于没有ios开发设备，暂未提供

2.clone本项目

系统：windows10 家庭版
开发环境：

flutter: 1.9.1+hotfix.2-stable
vscode: 1.38.1

（1）clone本项目到本地

git clone https://github.com/nekomiyaxneko/flutter_MyBilibili.git

（2）安装flutter
（3）在项目根目录打开命令行输入

flutter packages get 
flutter run --release

组件依赖

视频播放： chewie video_player
打开url：url_launcher
轮播图：flutter_swiper
下拉刷新上滑加载：pull_to_refresh
数据持久化：shared_preferences
保存图片：image_gallery_saver
发送请求：dio
权限检查与申请：permission_handler
提示框：fluttertoast
分享：share
加载html：flutter_widget_from_html

鸣谢

• 2021年还没上手 Flutter 的人该看看这份Git高星的286页学习笔记了！
• 《Flutter技术入门与实战》亢少军
• BiliBili Android第三方
• Bilibili播放地址
• flutter-go

维护

本项目持续维护，欢迎各位提出建设性的建议。

作者：飞鱼_9d08
链接：https://www.jianshu.com/p/d61f171e1190
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。