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

Question

我想在特定数量的项目列表之后或ListView.separated.

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

图片来源：本文

Answer 1

首先，我相信您需要安装一个库来展示 Google AdMob 广告。例如 - admob_flutterlib。

然后你只需要设置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小部件是如何操作的。

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

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