這是一個(gè) Flutter 版本的 bilibili 項(xiàng)目開源分享~

PS：這個(gè)程序員是零基礎(chǔ)，邊自己看資料自學(xué)邊動(dòng)手做的，就問你牛不牛掰！

image.png

flutter練手項(xiàng)目
項(xiàng)目參考嗶哩嗶哩安卓客戶端5.47版本的界面
原文地址：https://blog.csdn.net/u013518064/article/details/101165702

flutter特點(diǎn)

• 跨平臺(tái)
• 熱重載
• 快速開發(fā)

功能

• 首頁
  推薦-下拉刷新，加載更多
  熱門top100下拉刷新，加載更多
  追番頁面
  影視頁面
  70周年頁面
  直播推薦-下拉刷新
  可以看直播

• 搜索
  支持關(guān)鍵字和av號(hào)搜索
  熱搜推薦和搜索記錄
  支持按照默認(rèn)/播放量/彈幕數(shù)/新發(fā)布排序

• 播放
  可以播放視頻！
  可以看彈幕！
  可以看到視頻信息和評(píng)論（評(píng)論暫時(shí)只做了前面的熱評(píng)和一些最新的評(píng)論）
  點(diǎn)擊右上角可以保存封面到相冊(cè)

• 頻道
  獲取實(shí)時(shí)頻道列表

• 動(dòng)態(tài)
  動(dòng)態(tài)界面

• 會(huì)員購
  顯示活動(dòng)和商品列表
  下拉刷新，加載更多

• 我的
  顯示頭像，昵稱、等
  設(shè)置界面
  簡單登陸界面和彩蛋

項(xiàng)目演示

視頻：bilibili

界面截圖

啟動(dòng)/home/頻道/動(dòng)態(tài)/會(huì)員購/側(cè)滑菜單

image

視頻播放/評(píng)論/直播播放

image

彈幕功能

image

image

直播/熱門/追番/影視\

image

影視/70周年

image

搜索/登陸/保存封面

image

項(xiàng)目地址

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

歡迎star

上手指南

安卓虛擬機(jī)Nexus_5X_API_24、華為榮耀6、華為榮耀9上測試通過

1.直接下載

安卓:下載apk安裝包
IOS：由于沒有ios開發(fā)設(shè)備，暫未提供

2.clone本項(xiàng)目

系統(tǒng)：windows10 家庭版
開發(fā)環(huán)境：

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

（1）clone本項(xiàng)目到本地

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

（2）安裝flutter
（3）在項(xiàng)目根目錄打開命令行輸入

flutter packages get 
flutter run --release

組件依賴

視頻播放： chewie video_player
打開url：url_launcher
輪播圖：flutter_swiper
下拉刷新上滑加載：pull_to_refresh
數(shù)據(jù)持久化：shared_preferences
保存圖片：image_gallery_saver
發(fā)送請(qǐng)求：dio
權(quán)限檢查與申請(qǐng)：permission_handler
提示框：fluttertoast
分享：share
加載html：flutter_widget_from_html

鳴謝

• 2021年還沒上手 Flutter 的人該看看這份Git高星的286頁學(xué)習(xí)筆記了！
• 《Flutter技術(shù)入門與實(shí)戰(zhàn)》亢少軍
• BiliBili Android第三方
• Bilibili播放地址
• flutter-go

維護(hù)

本項(xiàng)目持續(xù)維護(hù)，歡迎各位提出建設(shè)性的建議。

作者：飛魚_9d08
鏈接：http://www.lxweimin.com/p/d61f171e1190
來源：簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。