Flutter專案實戰之Flutter Gank

2021-10-01 09:37:08 字數 1878 閱讀 7286

先附上幾張截圖

沒有設計,自己怎麼想怎麼弄的,呼叫了幹活集中營的api,這個號稱客戶端最多的**,由於已經過了兩個多月才來寫這篇部落格,由於flutter的更新,現在最新的是6.0dev版本,可能會影響部分功能的使用,但應該不會有很大的改動,我就開發的過程談談,flutter的一些優缺點。

如果有物件導向的程式設計經驗,入門還是很簡單的,並且,官網也很細心的為我們講解了一些概念,因為我是做android的我看得比較多的是這一篇flutter-for-android,還有針對於ios devs,react native devs,xamarin.forms devs,可以看出google的野心不小,不過我認為flutter會降低移動端的開發成本,flutter ui相比android原生更細膩一些,還原度會更高一些,畢竟做過android開發就知道碎片化的問題有多麻煩。

step by step

文件:按照步驟一步步基本就沒什麼問題了,但需要注意的是有一行小字note:if you』re in china, please read this wiki article first. 我自己安裝過程還是挺順利的,這裡不做過多描述。

由於目前資料比較少,flutter gallery在flutter工程目錄下,可以說是比較齊全的資料,雖然有文件,哪有乙個demo來的爽,直接看效果,事半功倍。我在這個過程還是花費了一番功夫,整個過程不是很順利,只是因為flutter版本不匹配,這裡我就說乙個較快的方法

解壓flutter到你的電腦,***x\flutter_windows_v0.x.x-dev\flutter\bin 配置到環境變數,這樣就可以在任何地方使用flutter命令了

找到xx\flutter_windows_v0.x.x-dev\flutter\examples\flutter_gallery,這裡包含了flutter gallery的源**

傳送到android手機或者模擬器就可以看到執行好的demo

整個過程在命令列完成的,當前編譯版本截圖:

官網上提供了兩種編輯器的外掛程式android studio 和vs code,這裡我還是選擇比較熟悉的android studio,安裝外掛程式的方式也很簡單,和安裝一般的外掛程式是一樣的,安裝完成後重啟,就能找打,新建flutter 工程的選項

工程新建完成後,乙個基礎的工程就出來了,第一次新建工程有點慢,一次就成功了,直接執行到模擬器就ok了。

新建完成的flutter工程包含了一些目錄,其中比較顯眼的就是android 和ios目錄,但實際上我沒在這兩個目錄下寫**(以後肯定會寫),其實只要看了一些demo大致就曉得,幾乎所有的**都在lib下面,依賴管理通過 pubspec.yaml,我並不想講太多關於**的事情,因為我在前面編譯好了乙個demo(flutter gallery)我寫**的時候基本上是照葫蘆畫瓢,文件和demo都有,那就慢慢研究吧,沒有捷徑可走。

在開頭的時候我介紹了一些,但都是比較官方的,下面是結合自己的開發體驗

flutter還處於beta版本,肯定是有些原因的

以上僅僅是在開發的過程中碰到的

終於說了一點和標題相關的了,不然有人要說我標題黨了,其實做完之後感覺也沒什麼特色,就列一些用到了哪些知識點吧

開過過程中還遇到了一些小坑,比如,

flutter實戰專案02 狀態管理

設定狀態管理倉庫provide provide.dart import package flutter material.dart class currentindexprovide with changenotifier 最外層引入providers main.dart import provid...

Flutter 專案異常

在android studio 匯入flutter 專案一片紅色,全部提示 target of uri doesn t exist 配置映象 export pub hosted url export flutter storage base url d program files flutter b...

flutter專案模板

flutter專案模板 自己寫的flutter專案模板,公司的一般小專案基本能滿足需求吧,開箱即用 封裝了網路請求,路由管理,多語言 一鍵更改主題,dialogutil,適配,json自動化構建 flutter packages pub run json model 下拉重新整理和上拉載入,狀態管理...