吾嘗終日而思矣，不如須臾之所學也。

???? Flutter學習之四 StatelessWidget 和 StatefulWidget

前言

在開始學Flutter的時候，起初還是按照iOS的方式來，導致有很多提示，開始沒在意，后來查看過后才知道是命名有問題，下面是簡單的總結。

正文

• 命名
  1、文件名全部小寫，單詞用下劃線_分割。

  
  
  1.png
  
  

  2、類名，大駝峰命名。

  
  
  2.png
  
  3、變量名、方法名，小駝峰命名;
  4、私有方法方法名前加下劃線;
  
  3.png

• 代碼自動格式化

command + shift + f 

如果覺得不是很好按，那就試下每次保存（command + s）自動格式化吧。設置方法如下：
在vs code 頁面，打開偏好設置（command + ，），搜索editor.formatOnSave，設置為true即可，如圖4。

4.png

• 嵌套提示線
  都知道flutter開發(fā)的嵌套嚴重，有了嵌套提示線（UI預覽導航），就可以對節(jié)點、子節(jié)點一目了然。先上效果，如圖5：

5.png

6.png

• 快速創(chuàng)建StatelessWidget 和 StatefulWidget
  不管是有無狀態(tài)的Widget，新建的時候都要寫大量的代碼，其實可以快速創(chuàng)建，類似iOS的代碼塊。新建dart文件，輸入st就可以了，如圖7：

  
  
  7.png
  
  

  回車之后，如圖8：

  
  
  8.png
  
  回車之后不要有啥操作，里面有好多光標在閃，直接輸入類名，然后按下右鍵就行了，不要回車。如圖9：

9.gif

• 查看繪制后的組件大小
  這個比較簡單，在main.dart里面加上這一行代碼即可：

debugPaintSizeEnabled = true;

效果如圖9

9.png

后記

暫時用到的就這么多，以后還有新的發(fā)現(xiàn)就繼續(xù)更新。