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

Question

我想在特定数量的项目列表之后或 ListView.separated 的项目列表之间放置谷歌广告。

我附上了一张图片来说明我想怎么做:

Source of the image is: 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 小部件如何操作。

然而，这应该足以让你开始你的想法。

如果这有帮助，请告诉我。