iT邦幫忙

2021 iThome 鐵人賽

DAY 1
0
Mobile Development

Flutter with GetX, loading*175%歷程 系列 第 1

[Day01] Flutter GetX 前言 x 建專案

Hi 大家好! 我是Clark, 2018年踏上了iOS App的學習與開發,
因緣際會接觸了Flutter, 這次和朋友一起參賽, 彼此砥礪
他的鐵人賽系列後疫情時代的 WebRTC 微學習
在此也感謝之前遇到的主管Justin一凡, 是勉勵我持續學習的貴人.


專案建立

https://ithelp.ithome.com.tw/upload/images/20210915/20140296SxS8JdHAQh.png
開啟terminal終端機 確定路徑後 輸入
$ flutter create project_name
(專案名稱請自己替換)
再來輸入code . 打開VS code
接著進入資料夾 打開啟 pubspec.yaml!
檔案Dart版本比較高的話sdk 應該會是≥2.12.0
在Dart版本2.12.0後支援null safty
https://ithelp.ithome.com.tw/upload/images/20210915/20140296rJSZZStuek.png

Pub.dev
Flutter第三方管理的網站 裡面可以選擇各類大神造好的輪子
但是在選擇的時候注意要有null safty這個小標示
https://ithelp.ithome.com.tw/upload/images/20210915/20140296cxg9bWxD03.png


Null safty

null safty對應到iOS其實就是Swift的optional,(Kotlin也叫null safty)
如果沒有null safty 又跑在sdk≥2.12.0的環境下,會報錯
這也是某些第三方停止更新,沒有支援null safty只能棄用的分水嶺,

再來選擇installing 頁籤, 可以複製當前版本
https://ithelp.ithome.com.tw/upload/images/20210915/20140296fgWGYZT5gA.png

輸入到dependencies底下並縮排 接著選擇右上角的download 會自動運行
https://ithelp.ithome.com.tw/upload/images/20210915/20140296GlU2DKgToV.png

我選擇的開發環境是Visual Studio Code
下一篇將介紹
VS code IDE 的 Flutter extension and tips


下一篇
[Day02] Flutter GetX VScode extension & tips
系列文
Flutter with GetX, loading*175%歷程 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言