1、AdBanner組件的編寫(xiě)

我們還是把這部分單獨(dú)出來(lái)，需要說(shuō)明的是，這個(gè)Class你也是可以完全獨(dú)立成一個(gè)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、數(shù)據(jù)準(zhǔn)備和調(diào)用組件

我們先把廣告的圖片準(zhǔn)備好，準(zhǔn)備好后就可以調(diào)用圖片組件了。

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

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

效果如下圖所示：

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。