如何在 flutter 中以列表视图显示广告？

Question

我一直在尝试在 flutter 应用中展示广告，我使用的软件包是 admob_flutter。我正在尝试在单独的列表视图中显示广告，这是它的代码：-

class ListWithAds extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    List example = ['a', 'b', 'c', 'd', 'e'];
    return Container(
      child: ListView.separated(
          itemBuilder: (context, index) {
            return Card(child: Text(example[index]));
          },
          separatorBuilder: (context, index) {
            return Container(
              child: Card(
                  color: Colors.white,
                  child: AdmobBanner(
                      adUnitId: "ca-app-pub-3940256099942544/6300978111",
                      adSize: AdmobBannerSize.SMART_BANNER)),
            );
          },
          itemCount: example.length),
    );
  }
}

但是我得到错误：-

the getter 'length' was called on null

如何更正此错误并在列表视图中显示广告？

Answer 1

只需将您的示例数组从构建方法中取出，例如：

List example = ['a', 'b', 'c', 'd', 'e'];

class ListWithAds extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
  
    return Container(
      child: ListView.separated(
          itemBuilder: (context, index) {
            return Card(child: Text(example[index]));
          },
          separatorBuilder: (context, index) {
            return Container(
              child: Card(
                  color: Colors.white,
                  child: AdmobBanner(
                      adUnitId: "ca-app-pub-3940256099942544/6300978111",
                      adSize: AdmobBannerSize.SMART_BANNER)),
            );
          },
          itemCount: example.length),
    );
  }
}

如何在 flutter 中以列表视图显示广告？

How to show ads in list view in flutter?

admob

dart

flutter