如何在ListView.separated中的几个列表项之间放置分隔符

Question

我想将Google广告放在特定数量的项目列表之后或ListView.separated中的项目列表之间。

我已附上一张图片，以明确说明我要怎么做：

  

图片来源为：this article

Answer 1

首先，我认为您需要安装一个库来显示Google AdMob广告。例如-admob_flutter lib。

然后，您只需要设置separatorBuilder小部件的ListView.separated属性。

例如

ListView.separated(
  itemCount: 25,
  separatorBuilder: (BuildContext context, int index) {
    if (index % 5 == 0) { // Display `AdmobBanner` every 5 'separators'.
      return AdmobBanner(
        adUnitId: /* AdMob Unit ID */,
        adSize: AdmobBannerSize.BANNER,
      );
    }
    return Divider();
  },
  itemBuilder: (BuildContext context, int index) {
    return ListTile(
      title: Text('item $index'),
    );
  },
)

此代码仅是示例，您可能会遇到Infinite Height布局错误，因为我不知道admob_flutter小部件的工作方式。

但是，这足以让您开始构想。

让我知道这是否有帮助。