問題

• StatefulWidget與StatelessWidget使用時機？

• Flutter如何加載圖片（網(wǎng)絡(luò)或者本地）？

• Scaffold是什么？

講講State

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

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

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

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

加載圖片

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

• 網(wǎng)絡(luò)

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

• 本地

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

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

 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實現(xiàn)了Materia design（材料設(shè)計）風格的布局結(jié)構(gòu)。Scaffold widget提供了實現(xiàn)：appBar、floatingActionBar等材料設(shè)計風格控件的API。所以當我們想要使用MateriaDesign的一些布局方式就會選擇Scaffoldwidget。