如題，我們先看效果圖
雖然不是1：1，但是也是差不多了，而且通過我代碼布局中的方式，還是能夠1：1實(shí)現(xiàn)的。
好，廢話不多說，我們開始吧
一、準(zhǔn)備數(shù)據(jù)
圖片是用京東的圖片，在線獲取
然后用 list 進(jìn)行整合
創(chuàng)建一個(gè) Goods 類
將數(shù)據(jù)添加進(jìn)去
二、開始做左邊的圖片
這邊很簡單
三、開始做右邊的布局，這邊稍微麻煩一點(diǎn)
首先我定義了兩個(gè)方法，用來做間距
這樣使用起來也比較舒服了
然后開始定義了一些下方要用到的TextStyle
這樣可以讓代碼稍微清晰一些
然后我們開始做第一行
第二行
第三行
第四行
第五行
最后裝載一個(gè)column里
搞定
四、開始構(gòu)造ListView
五、裝在身體里
搞定！
Bingo
邏輯很簡單，但是如果初學(xué) Flutter 的話，需要熟悉一下這些 Flutter 控件的使用方法
需要注意的：
實(shí)體類 bean 的定義及構(gòu)造方法的樣式
NetworkImage 的使用
padding 加邊距的方法的抽取
TextStyle 外部定義及引用
BoxDecoration 實(shí)現(xiàn)圓角矩形、背景、描邊效果
謝謝大家的關(guān)注、收藏、轉(zhuǎn)發(fā)，么么噠~
