如何在从 firebase 获取的数据之间放置 admob 横幅广告

Question

我想在从 FireBase 获取的数据之间显示横幅广告，这是我的代码：

   showdata = imgs =>
    imgs.articles
      ? imgs.articles.map((item, i) => (
          <TouchableWithoutFeedback onPress={() => this.onPlay(item)} key={i}>
            <View style={styles.cardContainer}>
              <View style={styles.contentCard}>
                <Image
                  source={{uri: `${item.image}`}}
                  style={styles.imagestyle}
                  resizeMode="cover"
                />
              </View>
              <View style={styles.contentCard}>
                <Text style={styles.titleCard}>
                  {item.name}
                </Text>
              </View>
            </View>
          </TouchableWithoutFeedback>
        ))
      : null;

我想在每 3 张卡片之后放置横幅广告。我正在使用 Redux 和 firebase

Answer 1

customRenderRow = ({ item, index }) => {
   if (index !== 0 && index % 3 === 0) {
      return (
         <View>
           <AdmobBanner />

           ...card
         </View>
      );
   }
   return (
       ...card
   );
}
render () {
  return (
     <Flatlist
       ...
       renderItem={this.customRenderRow}
     />
  );
}