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

2024-08-31 14:57:05

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

效果如下图所示：

最新文章

热门文章