Flutter - 疫情實況,加油武漢

sponmas發表於2020-02-05

三天前的晚上,躺著刷抖音和新聞的我,突然想到,不知道自己能為這次的疫情做點什麼,作為一個App程式猿,好像就是開發一個App,開啟掘金後,推送給我CrazyQ1的這篇文章,當即閱讀了一遍,大佬已經先行一步,菜鳥也得跟上啊

先感謝幾位免費提供Api的幾位大佬

更新

2020-2-12 調整圖表顯示

1、圖表顯示時,title位置下移
2、android可以體驗下載了

Flutter - 疫情實況,加油武漢

2020-2-9 新增防護知識頁面

1、 新增防護知識頁面

分為個人防護、知識百科。

2、 優化列表載入

新增item載入動畫、載入前的loading(目前還不太滿意,繼續優化)

後續繼續優化頁面渲染和一些其他優化項。 ps:昨天返程了,路上折騰了一天,所以這兩天更新比較少。

Flutter - 疫情實況,加油武漢

2020-2-6 疫情地圖上線、地區資料樣式修改

1、疫情地圖

之前一直困擾的疫情實時地圖,目前是用本地web的方式加上去,載入速度會略慢,暫時只這種解決方案,後續有新的,再繼續更新 ps:頁面上的疫情地圖是可以點的喲,不是圖片哈

Flutter - 疫情實況,加油武漢

2、地區資料樣式修改

稍微對各地區疫情資料的樣式修改了下,之前的樣式不夠滿意,現在的看著還行

Flutter - 疫情實況,加油武漢

準備

1、先把clone開原始碼,參考一下其他開發者的框架程式碼,用了大佬寫的幾個Widget和圖片,希望不要被打

img

2、看看Github上有沒有相關的開源專案、API,我專案裡用到了上面提到的兩位大佬的API

3、天行資料的API

4、可以參考今日頭條、百度的設計稿

專案介紹

Flutter - 疫情實況,加油武漢Flutter - 疫情實況,加油武漢Flutter - 疫情實況,加油武漢Flutter - 疫情實況,加油武漢

目前疫情地圖的視覺化展示基本都是web展示,flutter還未找到相應的實現方式,所以暫時使用web頁面展示,是可以選中省檢視資料的

趨勢圖用的是人家商業化的圖表庫:syncfusion_flutter_charts,就這個看著符合使用場景(比較酷)

專案結構介紹

img

專案中的外掛

  • cached_network_image:網路圖片載入庫
  • Dio:網路請求庫
  • rxdart:配合BLoC做狀態管理
  • flutter_webview_plugin:webview比較好用的庫
  • syncfusion_flutter_charts:強大的折線相簿,功能非常強大
  • pull_to_refresh:上拉重新整理下拉載入更多庫

專案地址

GIthub:github.com/cnsponmas/r…

其他好像沒什麼可以講的,後續會繼續更新的,補充一些其他模組,最重要的當然是疫情地圖

目前專案還有很多待優化的地方,頁面的渲染速度,疫情地圖等等,慢慢更新哈,有什麼問題可以評論裡回覆,我會盡力解決的

Flutter - 疫情實況,加油武漢

大家沒什麼事就別出門了,像我一樣,出門也要戴口罩,勤洗手

最後希望疫情趕緊過去,加油

相關文章