iT邦幫忙

2022 iThome 鐵人賽

DAY 11
0
Software Development

初學軟體開發系列 第 11

Day11-開發Flutter前的了解

  • 分享至 

  • xImage
  •  

今日學習
1.目錄結構
2.Widget
3.devTools 調試工具

透過Vscode開啟一個Flutter,https://ithelp.ithome.com.tw/upload/images/20220911/20151918eeS3BFbJXh.png
可以看到左邊有iOS、安卓、Mac、web等等的檔案。

在Flutter裡,一切都是Widget,以MATERIAL為主,以CUPERTINO特效輔助,網路上都有一些組件,還有程式碼可以對照。


https://ithelp.ithome.com.tw/upload/images/20220911/20151918sCqp8qlA9M.png
MATERIAL和CUPERTINO是由Widget支撐的,再來下面是動畫設置、畫面布局、手勢(放大、縮小、點擊、長按的功能)
foundation裡就是一些基礎的功能庫,像是object對象、isolate線程。

最後是devTools調試工具,先說明為甚麼要使用這個,因為當我們在操作布局的時候,程式執行時覺得哪邊需要調整的,我們就可以邊執行邊調整,不必中止程式執行。

devTools在哪裡?
https://ithelp.ithome.com.tw/upload/images/20220911/20151918cWjyV3lEHU.png
當我們執行vscode時,會看到最右邊有一個藍色放大鏡的圖示。
開啟之後,就可以進行調整。
另外,也可以使用ctrl+shift+p,然後輸入open devtools,就會到一個網站,有關性能模式的調整介面。

裡面有一些選項,有布局組件、性能、耗能、內存、調試訊息、抓包...等等,但因為我也還沒做出一個app出來,所以這邊粗略的說明就好。

今日總結
今天再次研究Flutter周邊的環境~~


上一篇
Day10-dart語言(錯誤處理)
下一篇
Day12-怎麼丟物件在Flutter上面!
系列文
初學軟體開發31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言