1、AdBanner組件的編寫

我們還是把這部分單獨出來，需要說明的是，這個Class你也是可以完全獨立成一個dart文件的。代碼如下：

廣告圖片
class?AdBanner?extends?StatelessWidget?{
??final?String?advertesPicture;

??AdBanner({Key?key,?this.advertesPicture})?:?super(key:?key);

??@override
??Widget?build(BuildContext?context)?{


????return?Container(
??????child:?Image.network(advertesPicture),
????);
??}
}

2、數據準備和調用組件

我們先把廣告的圖片準備好，準備好后就可以調用圖片組件了。

String?advertesPicture?=?data['data']['advertesPicture']['PICTURE_ADDRESS'];?廣告圖片

AdBanner(advertesPicture:advertesPicture),??廣告組件??

效果如下圖所示：

總結

以上是生活随笔為你收集整理的13-Flutter移动电商实战-ADBanner组件的编写的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。