首页 > 解决方案 > 显示广告 GridView React Native

问题描述

我正在使用GridView,其中我必须在React-native IOS的 GridLayout 行数为 2 中显示两个项目。

问题是我必须在覆盖移动宽度的四个项目(即 2 行)之后显示广告。但由于跨度计数,广告也出现在网格布局中。任何帮助将不胜感激!

想要这样的输出:-

在此处输入图像描述

我正在使用这个反应本机库GridView但无法实现随机数据逻辑以使用DataSource在 4 个项目后显示一个广告。

标签: react-nativegridviewreact-native-iosreact-native-flatlist

解决方案


这是根据作者在 GitHub 中给出的示例创建的相同内容的 Snack。它正在做你所要求的。可以在 _createRandomData 函数中使用 while 循环来拆分布局并在其间放置广告。

小吃预览

在此处输入图像描述


推荐阅读