03. 更多的Flutter範例：StatelessWidget、StatefulWidgett與其他Widgets

知識點

1. 抽象類別：StatelessWidget, StatefulWidget
2. Widgets: Column, RaisedButton, Container, Padding
3. 類別：EdgeInsets, Random

兩大抽象類別

Widget的兩大類型：

• StatelessWidget：無狀態的Widget，靜態內容
  • 初始化之後就無法改變
  • build只會執行一次
  • 如果想改變，便需要重新建立另一個StatelessWidget來替換
• StatefulWidget：有狀態的Widget，適用於有變動內容之狀況
  • 簡單說就是會與使用者互動的就是StatefulWidget
  • 當狀態變動（透過setState標示本身狀態為dirty）時，系統下一次重繪檢查時調用build重繪Widget
  • 在State.setState((){})中寫什麼都可以，它只是用來標記其物件需要重新build，重新build後依據已變動的資料來建立新的Widget
  • StatefulWidget的系統消耗成本較高，應封裝成越小範圍的內容

IDEA的撰寫輔助，除了上次介紹的〔Alt+Enter〕、〔Ctrl+P〕、〔Ctrl+Q〕外，也可使用
〔Ctrl+Shift+I〕: Quick Definition。

demo3.dart 原始程式

解說影片

＃＃

您可能也會有興趣的類似文章

• 02. 用IDEA快速建立第一支Flutter程式 (0則留言, 2019/09/19)
• IntelliJ IDEA與括號相關的操作並介紹括號識別外掛：Rainbow Brackets (0則留言, 2019/09/22)
• 06. Flutter AlertDialog對話窗Widget使用重點 (0則留言, 2019/09/29)
• 04. 使用第三方Android模擬器來執行Android/Flutter App (0則留言, 2019/09/27)
• 01. 使用IntelliJ IDEA開發Flutter App：開發環境設置 (0則留言, 2019/09/15)
• 09. Flutter的常用佈局Widget：Container (0則留言, 2019/10/12)
• 10. Flutter的彈性佈局：Expanded、Column與Row (0則留言, 2019/10/13)
• 07. 學習Flutter Widget的4個教學App (0則留言, 2019/10/06)
• 08. 成功組建由GitHub複製Flutter專案的關鍵步驟 (0則留言, 2019/10/10)
• [IntelliJ IDEA 2017.2] Database tool功能簡介 (0則留言, 2017/07/29)
• [IDEA＃13] 快速在多個視窗中辨識專案的方法 (0則留言, 2021/02/09)
• IntelliJ IDEA Live Template(即時樣板)的使用與範例說明（IDEA #5） (0則留言, 2019/08/11)
• IntelliJ IDEA的啟動設定與建議安裝的外掛（IDEA #3） (0則留言, 2019/07/21)
• [IDEA＃15] 使用IntelliJ IDEA的Inject Language來加速JSON/SQL字串的編輯 (0則留言, 2021/12/12)
• IntelliJ IDEA的專案結構、模組設定與執行時組態設定（IDEA教學 #6） (0則留言, 2019/08/17)