問題

• StatefulWidget與StatelessWidget使用時機？

• Flutter如何加載圖片（網絡或者本地）？

• Scaffold是什么？

講講State

在Android中，您可以通過直接對view進行改變來更新視圖。然而，在Flutter中Widget是不可變的，不會直接更新，而必須使用Widget的狀態。

這是Stateful和Stateless widget的概念來源。一個Stateless Widget就像它的名字，是一個沒有狀態信息的widget。
例如：在Android中，如果您只想將一個logo使用ImageView展示出來。logo在運行時不會發生改變，在Flutter中可以通過StatelessWidget實現。

但是，如果您希望通過網絡請求數據后來更新您的的界面，則需要使用StatefulWidget，并通知Flutter框架(setState)需要更新該widget。

記住官方的一個規則：如果一個widget發生了變化（用戶與它交互），它就是有狀態的。但是，如果一個子widget對變化做出反應，而其父widget對變化沒有反應，那么包含的父widget仍然可以是無狀態的widget

加載圖片

支持格式：JPEG、WebP、GIF、PNG、BMP、WBMP
主要是通過：

• 網絡

1new Image.network(
2          imgUrl,
3          scale:1.0)

• 本地

1// 注意path需要包含圖片的后綴的
2new Image.asset(path, width:24.0, height: 24.0);

另外在加載資源圖片是需要在pubspec.yaml中聲明(以上一節的項目為例)：

 1flutter:
 2  uses-material-design: true
 3  assets:
 4    - images/tab_association_grey.png
 5    - images/tab_association_yellow.png
 6    - images/tab_discovery_grey.png
 7    - images/tab_discovery_yellow.png
 8    - images/tab_me_grey.png
 9    - images/tab_me_yellow.png
10    - images/tab_sport_grey.png
11    - images/tab_sport_yellow.png
12    - images/tab_training_yellow.png
13    - images/tab_training_grey.png

就上面這些方式嗎？答案是否定的。肯定還有別的方式，本期不做介紹，后面用到的時候再補充。

Scaffold是什么

Scaffold實現了Materia design（材料設計）風格的布局結構。Scaffold widget提供了實現：appBar、floatingActionBar等材料設計風格控件的API。所以當我們想要使用MateriaDesign的一些布局方式就會選擇Scaffoldwidget。