熱文導讀|???點擊標題閱讀

千萬別小瞧背調公司！手握美團offer，結果背調紅燈，哭了

重磅！阿里內部偷師Android的開發規范文檔

什么？鵝廠又出渣男了，劈腿出軌多個震驚朋友圈

1.Flutter精仿抖音

Flutter精仿抖音開源了，左滑搜索，右滑個人中心，上下滑動刷視頻，雙擊點贊冒愛心，無敵精仿，感謝點Star。

（1）應用截圖

image.png

（2）實現功能

• 上下刷視頻，視頻會自動加載封面

• 左右滑動去搜索與個人中心

• 雙擊冒愛心點贊

• 看評論

• 切換底部Tabbar

（3）項目結構

依賴：

??#?加載動畫庫(好像改版之后就沒用到了)flutter_spinkit:?^4.1.2#?Bilibili開源的視頻播放組件fijkplayer:?^0.8.3#?基礎的透明動畫點擊效果tapped:?any#?map安全取值safemap:?any

主要文件：

./lib ├──?main.dart ├──?mock │???└──?video.dart?#?假數據 ├──?other │???└──?bottomSheet.dart?#?修改了系統BottomSheet的高度 ├──?pages │???├──?cameraPage.dart?#?拍攝頁（沒有實際功能） │???├──?followPage.dart??#?略 │???├──?homePage.dart?#?主頁面，包含tikTokScaffold的實際應用功能 │???├──?msgDetailListPage.dart?#?略 │???├──?msgPage.dart?#?略 │???├──?searchPage.dart?#?略 │???├──?todoPage.dart?#?略 │???├──?userDetailPage.dart?#?略 │???├──?userPage.dart?#?略 │???└──?walletPage.d?#?略 ├──?style │???├──?style.dart?#?全局文字大小與顏色 │???└──?text.dart?#?主要的幾個文字樣式 └──?views├──?backButton.dart?#?iOS形狀的返回按鈕組件├──?loadingButton.dart?#?可以設置為載入樣式的按鈕組件├──?selectText.dart?#?可設置為“選中”或者“未選中”樣式的文字├──?tikTokCommentBottomSheet.dart?#?仿Tiktok評論樣式├──?tikTokHeader.dart?#?仿Tiktok頂部切換組件├──?tikTokScaffold.dart?#?仿Tiktok核心腳手架，封裝了手勢與切換等功能，本身不包含UI內容├──?tikTokVideo.dart?#?仿Tiktok的視頻UI樣式封裝，不包含視頻播放├──?tikTokVideoButtonColumn.dart?#?仿Tiktok視頻右側的頭像與點贊等按鈕列的組件├──?tikTokVideoGesture.dart?#?仿Tiktok的雙擊點贊效果├──?tikTokVideoPlayer.dart?#?視頻播放頁面，帶有控制滑動的VideoListController類├──?tiktokTabBar.dart?#?仿Tiktok的底部Tabbar組件├──?tilTokAppBar.dart?#?仿Tiktok的Appbar組件├──?topToolRow.dart?#?用戶頁面的頂部狀態，在tab切換到user頁面時隱藏返回按鈕└──?userMsgRow.dart?#?一條用戶信息的樣式組件

（4）項目地址

GitHub倉庫地址：https://github.com/mjl0602/flutter_tiktok

2.Flutter斗魚APP

（1）應用截圖

（2）主要涵蓋功能：

• 滑動狀態導航、輪播圖

• 移動端px兼容

• 封裝HTTP、IO緩存操作

• 頁面路由傳值

• bloc全局狀態管理

• 禮物橫幅動畫隊列

• 彈幕消息滾動

• 接入靜態視頻流

• 九宮格抽獎游戲

• 照片選擇

• webView容器

（3）項目地址

github地址：https://github.com/yukilzw/dy_flutter

3.Flutter豆瓣客戶端

（1）應用截圖

（2）功能介紹

首頁 pages/home

homo_app_bar.dart 首頁導航頭
home_page.dart 首頁
my_home_tab_bar.dart 首頁tab

書影音 pages/movie

book_audio_video_page.dart 書影音頁面
detail_page.dart 影片、電視詳情頁面
person_detail_page.dart 演員頁面介紹

小組 pages/group

市集 shop_page.dart

市集的數據使用兩個webview

我的 page/person

（3）項目地址

github地址：https://github.com/kaina404/FlutterDouBan

4.Flutter開源中國客戶端

基于Google Flutter的開源中國客戶端，支持Android和iOS。

（1）應用截圖

iOS

imageimage

Android

imageimageimage

（2）功能

• 登錄（使用osc賬號）

• 查看資訊（未登錄即可查看）

• 查看、回復、發表、評論動彈（需要登錄）

• 動彈小黑屋（需要登錄）

• “發現”部分的功能基本上都是用H5實現

（3）項目地址

github地址：https://github.com/yubo725/flutter-osc

看完本文有收獲？請轉發分享給更多人

? 開發者全社區?5T技術資源大放送！包括但不限于：Android，Python，Java，大數據，人工智能，AI等等。關注公眾號后回復「2T」，即可免費獲取！！ 我們的知識星球第三期開期了，已達到1100人了，能連續做三期已很不容易了，有很多老用戶續期，目前續期率達到50%，說明了大家對我們的知識星球還是很認可的，歡迎大家加入盡早我們的知識星球，更多星球信息參見： 歡迎加入Java和Android架構社群 如何進階成為Java的Android版和架構師？ 說兩件事微信掃描或者點擊上方二維碼領取的Android \ Python的\ AI \的Java等高級進階資源 更多學習資料點擊下面的“閱讀原文?”獲取謝謝老板，點個好看↓

總結

以上是生活随笔為你收集整理的推荐四个Flutter重磅开源APP项目！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。