How to use

groupByRows

function

in

Array

render() {
  const groupedData =
   this.props.tabIndex === 0
    ? GridRow.groupByRows(this.props.data, 2)
    : this.props.data;

  return (
   <View style={styles.container}>
    <View style={{ height: 50 }}>
     <RadioGroup
      selectedIndex={this.props.tabIndex}
      items={this.props.tabs}
      onChange={this.props.setTabIndex}
      underline
     />
    </View>
    <FlatList
     keyExtractor={item =>
      item.id
       ? `${this.props.tabIndex}-${item.id}`
       : `${item[0] && item[0].id}`
     }
     style={{ backgroundColor: colors.white, paddingHorizontal: 15 }}
     data={groupedData}
     renderItem={this._getRenderItemFunction()}
    />
   </View>
  );
 }

const groupedData = GridRow.groupByRows(props.images, 3, () => {
 if (isFirstArticle) {
  isFirstArticle = false;