React Native - SectionList numColumns support

Question

FlatList has numColumns support. How to set numColumns with SectionList?

Github issue: SectionList renderItem multi item support #13192

Answer 1

Here is my solution to numColumns for SectionList. If you have better let me know please.

class Example extends Component {
  static propTypes = {
    numColumns: PropTypes.number
  };

  static defaultProps = {
    numColumns: 2
  };

  _renderSection = data => 
;

  _renderItem = ({ section, index }) => {
    const { numColumns } = this.props;

    if (index % numColumns !== 0) return null;

    const items = [];

    for (let i = index; i < index + numColumns; i++) {
      if (i >= section.data.length) {
        break;
      }

      items.push();
    }

    return (
      
        {items}
      
    );
  };

  render() {
    return (
      
    );
  }
}