視頻地址:https://www.bilibili.com/video/av35800108/?p=21數組
先安裝一個新的插件:less
Awesome Flutter Snippets
ide
先把商品的類抽象出出來一個類,兩個屬性 一個是title標題 一個是description描述ui
定義ProductList組件spa
安裝插件後的快捷鍵:插件
stless的快捷鍵,直接生成類的主體結構。視頻
而後寫入口文件void main.裏面用了 MaterialApp,Material樣式的組件。對象
而後給自定義的組件ProductList傳遞了一個20個product對象的List過去。blog
由於它不是無名無參的,因此咱們要調用父類的方法super只要知足這個key值就能夠了。這樣咱們的參數就能夠使用了。事件
先接收參數Products 而後重寫了Build方法
onTap點擊的時候有個響應事件。
由於以前的效果也運行着 ,因此這裏最好flutter run 從新啓動一下
這樣咱們的商品列表就出來了。
若是修改了數組的內容 例如:這裏修改了商品的前綴,r熱更新沒有做用須要flutter run 從新啓動一下