介紹
Flutter是谷歌的移動(dòng)UI框架,可以快速在IOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。 Flutter可以與現(xiàn)有的代碼一起工作。在全世界,F(xiàn)lutter正在被越來(lái)越多的開(kāi)發(fā)者和組織使用,并且Flutter是完全免費(fèi)、開(kāi)源的。
Flutter做出來(lái)的App是什么樣的,這么就有大佬用Flutter模仿了豆瓣APP和微博APP,我相信通過(guò)對(duì)這兩個(gè)項(xiàng)目的學(xué)習(xí),大家將會(huì)對(duì)Flutter開(kāi)發(fā)有一個(gè)全新的認(rèn)識(shí),以及一定能從這兩個(gè)項(xiàng)目中學(xué)習(xí)到很多
Github
https://github.com/kaina404/FlutterDouBan
https://github.com/huangruiLearn/flutter_hrlweibo
仿豆瓣APP項(xiàng)目
本項(xiàng)目還原豆瓣客戶端。首頁(yè)、書影音、小組、市集及個(gè)人中心,一個(gè)不拉,可以說(shuō)幾乎做到模仿了90%以上,UI都是參照豆瓣進(jìn)行實(shí)現(xiàn)的,數(shù)據(jù)是真實(shí)的數(shù)據(jù),項(xiàng)目幾乎用到了Flutter所有的widget,也有魔改源碼實(shí)現(xiàn)的特效頁(yè)面
下面是一些項(xiàng)目上的截圖,可參考(完整截圖可參考項(xiàng)目地址)
頁(yè)面介紹
- 首頁(yè) pages/homehomo_app_bar.dart 首頁(yè)導(dǎo)航頭home_page.dart 首頁(yè)my_home_tab_bar.dart 首頁(yè)tab
- 書影音 pages/moviebook_audio_video_page.dart 書影音頁(yè)面detail_page.dart 影片、電視詳情頁(yè)面person_detail_page.dart 演員頁(yè)面介紹... 頁(yè)面都有注釋
- 小組 pages/group
- 市集 shop_page.dart市集的數(shù)據(jù)使用兩個(gè)webview
- 我的 page/person
仿微博客戶端
仿微博最新版本,還原微博80%的界面,總共涉及到了幾十個(gè)界面和接口,用到了flutter中的大部分組件,分為首頁(yè) 視頻 發(fā)現(xiàn) 消息 我的五個(gè)模塊,下面是本項(xiàng)目的一些截圖,完整截圖可訪問(wèn)Github倉(cāng)庫(kù)地址
從本項(xiàng)目除了Flutter本身,還能學(xué)習(xí)使用以下第三方的開(kāi)源項(xiàng)目
總結(jié)
Flutter作為一個(gè)跨平臺(tái)的解決方案,幫助開(kāi)發(fā)者通過(guò)一套代碼庫(kù)高效構(gòu)建多平臺(tái)精美應(yīng)用,支持移動(dòng)、Web、桌面和嵌入式平臺(tái),目前國(guó)內(nèi)中文社區(qū)也很活躍,無(wú)論本身是從事哪個(gè)平臺(tái)的開(kāi)發(fā),都可以過(guò)渡到Flutter開(kāi)發(fā)中來(lái),enjoy it!