Flutter移动电商实战 --（13）ADBanner组件的编写

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), 广告组件

效果如下图所示：

转载于:https://www.cnblogs.com/crazycode2/p/11279153.html

相关资源：flutter移动电商实战.zip