Flutter! 從零開始的學習之旅 – How do I make my first Flutter app (筆記)

從基本概念該使學習Flutter!

嘿嘿,是不是有騙到你去點擊圖片呀XD

別緊張,影片我會放在文末。
這篇文章主要的目的便是用來記錄在影片中學到的相關知識和技術,方便未來可以回來複習。

Widget

Widget是Flutter的核心概念。不誇張的說,Flutter框架內的物件都有用到Widget的概念。

至於Widget是什麼概念?影片中的舉例是寫書。

我們把書看成一個大Widget,書中會有許多的章節,所以我們會說書是由文章所組成,而文章則是結構更小的Widget,文章又由句子Widget組成,句子則由詞、標點符號等更小的Widget組成。

也就是說,Flutter 框架寫出來的App都是透過這樣的方式去設計跟構想的。

在設計一個App的頁面時,我們也可以透過Widget的概念去解析一個頁面。

宣告每個widget時,都會有一個build function,用來建構這個widget。

main.dart

package:flutter/material.dart

這個Library可以說是剛開始學Flutter時,唯一需要知道的Library,就像剛開始學C++時只會用到<iostream>。懂了程式基本概念後,則會用到其他更深的演算法Library或資料型別Library。在Flutter框架下,”package:flutter/material.dart”就有著類似的地位。

 

main function

沒什麼好說的,程式會從這裡開始運行。

runApp()函數會將傳遞進去的widget放在整個結構的root上,也就是最上層的widget。

Hot Reload

Hot Reload是Flutter框架的一個特色,可以幫助我們在不重開應用的情況下將修改或新增的程式碼表現在已經開啟的應用中。

影片分享

Leave a Comment

Your email address will not be published. Required fields are marked *