recyclerlistview-gridlayoutprovider/example/LayoutProvider.js

Grid Layout Provider built on top of RecyclerListView!

import { GridLayoutProvider } from "recyclerlistview-gridlayoutprovider";
const MAX_SPAN = 4;
export default class LayoutProvider extends GridLayoutProvider {
  constructor(props) {
    super(
      MAX_SPAN,
      index => {
        return props.getDataForIndex(index).type;
      },
      index => {
        let type = props.getDataForIndex(index).type;
        switch (type) {
          case "ITEM_SPAN_1":
            return 1;
          case "ITEM_SPAN_4":
            return 4;
          case "ITEM_SPAN_2":
            return 2;
        }
      },
      index => {
        return 100;
      }
    );
  }
}