13-Flutter移动电商实战-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),  广告组件  

效果如下图所示：