Как разместить рекламные баннеры AdMob между данными, полученными с firebase

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}
     />
  );
}