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。

解說影片

＃＃

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

• 02. 用IDEA快速建立第一支Flutter程式 (0則留言, 2019/09/19)
• IntelliJ IDEA與括號相關的操作並介紹括號識別外掛：Rainbow Brackets (0則留言, 2019/09/22)
• 01. 使用IntelliJ IDEA開發Flutter App：開發環境設置 (0則留言, 2019/09/15)
• [IntelliJ IDEA 2017.2] Database tool功能簡介 (0則留言, 2017/07/29)
• IntelliJ IDEA的啟動設定與建議安裝的外掛（IDEA #3） (0則留言, 2019/07/21)
• 在IntelliJ IDEA裡以Scratch外掛隨時記錄備忘與開啟外部文件 (0則留言, 2016/03/20)
• IntelliJ IDEA的專案結構、模組設定與執行時組態設定（IDEA教學 #6） (0則留言, 2019/08/17)
• [IntelliJ IDEA] 如何總公司決匯入舊版Android應用時的Cannot resolve symbol R問題 (0則留言, 2019/02/14)
• [Windows] IntelliJ IDEA自動偵測Windows Defender的排除資料夾設定 (0則留言, 2019/08/24)
• 方便的IntelliJ IDEA Markdown外掛idea-multimarkdown (0則留言, 2015/11/14)
• Migration Guide: Eclipse IntelliJ IDEA (0則留言, 2015/07/07)
• [IntelliJ IDEA] Java / JavaScript除錯小技巧 (0則留言, 2014/08/14)
• 使用IntelliJ IDEA 12的Android UI Designer輕鬆寫Android App (1則留言, 2012/08/09)
• IntelliJ IDEA Live Template(即時樣板)的使用與範例說明（IDEA #5） (0則留言, 2019/08/11)
• 用IntelliJ IDEA的GUI Designer開發Swing程式 (0則留言, 2014/02/14)