首頁>技術>

介紹

Flutter是谷歌的移動UI框架,可以快速在iOS和Android上構建高品質的原生使用者介面。 Flutter可以與現有的程式碼一起工作。在全世界,Flutter正在被越來越多的開發者和組織使用,並且Flutter是完全免費、開源的。

Flutter做出來的app是什麼樣的,這麼就有大佬用Flutter模仿了豆瓣APP和微博APP,我相信通過對這兩個專案的學習,大家將會對Flutter開發有一個全新的認識,以及一定能從這兩個專案中學習到很多

Github

https://github.com/kaina404/FlutterDouBan

https://github.com/huangruiLearn/flutter_hrlweibo

仿豆瓣APP專案

本專案還原豆瓣客戶端。首頁、書影音、小組、市集及個人中心,一個不拉,可以說幾乎做到模仿了90%以上,UI都是參照豆瓣進行實現的,資料是真實的資料,專案幾乎用到了Flutter所有的widget,也有魔改原始碼實現的特效頁面

下面是一些專案上的截圖,可參考(完整截圖可參考專案地址)

頁面介紹首頁 pages/homehomo_app_bar.dart 首頁導航頭home_page.dart 首頁my_home_tab_bar.dart 首頁tab書影音 pages/moviebook_audio_video_page.dart 書影音頁面detail_page.dart 影片、電視詳情頁面person_detail_page.dart 演員頁面介紹... 頁面都有註釋小組 pages/group市集 shop_page.dart市集的資料使用兩個webview我的 page/person仿微部落格戶端

仿微博最新版本,還原微博80%的介面,總共涉及到了幾十個介面和介面,用到了flutter中的大部分元件,分為首頁 視訊 發現 訊息 我的五個模組,下面是本專案的一些截圖,完整截圖可訪問Github倉庫地址

從本專案除了Flutter本身,還能學習使用以下第三方的開源專案

總結

Flutter作為一個跨平臺的解決方案,幫助開發者通過一套程式碼庫高效構建多平臺精美應用,支援移動、Web、桌面和嵌入式平臺,目前國內中文社群也很活躍,無論本身是從事哪個平臺的開發,都可以過渡到Flutter開發中來,enjoy it!

  • BSA-TRITC(10mg/ml) TRITC-BSA 牛血清白蛋白改性標記羅丹明
  • 開發人員請注意!使用Websockets可能會被竊取祕密