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), 广告组件
效果如下图所示: