react-native-largelist-v3/Types.js

The best performance large list component which is much better than SectionList for React Native.

/*
 *
 * Created by Stone
 * https://github.com/bolan9999
 * Email: shanshang130@gmail.com
 * Date: 2018/7/17
 *
 */

import { Animated, ViewStyle } from "react-native";
import { SpringScrollViewPropType } from "react-native-spring-scrollview";

export type LargeListDataType = { items: any[] }[];

export interface IndexPath {
  section: number;
  row: number;
}

export interface Offset {
  x: number;
  y: number;
}

export interface Size {
  height: number;
  width: number;
}

export interface LargeListPropType extends SpringScrollViewPropType {
  data: LargeListDataType;
  headerStickyEnabled?: boolean;
  contentStyle?: ViewStyle;
  directionalLockEnabled?: boolean;
  renderScaleHeaderBackground?: () => React.ReactElement<any>;
  heightForSection?: (section: number) => number;
  renderSection?: (section: number) => React.Node<any>;
  heightForIndexPath: (indexPath: IndexPath) => number;
  renderIndexPath: (indexPath: IndexPath) => React.Node<any>;
  renderHeader?: () => React.ReactElement<any>;
  renderFooter?: () => React.ReactElement<any>;
  renderEmpty?: () => React.ReactElement<any>;
  onNativeContentOffsetExtract?: {
    x: Animated.Value,
    y: Animated.Value,
  };
  inverted?: boolean;

  groupCount?: number;
  groupMinHeight?: number;
  updateTimeInterval?: number;
}

export interface GroupPropType {
  indexes: IndexPath[];
  criticalPoint: number[];
  input: number[];
  output: number[];
  data: LargeListDataType;
  heightForSection?: (section: number) => number;
  heightForIndexPath: (indexPath: IndexPath) => number;
  renderSection?: (section: number) => React.Node<any>;
  renderIndexPath: (indexPath: IndexPath) => React.Node<any>;
  offset?: number;
  inverted?: boolean;
  updateTimeInterval: number;
}

export interface SectionPropType {
  tops: number[];
  section: number;
  nativeOffset: Animated.Value;
  heightForSection: (section: number) => number;
  renderSection?: (section: number) => React.Node<any>;
  input: number[];
  output: number[];
  sectionIndexes: number[];
  offset: number;
  inverted?: boolean;
  data: LargeListDataType;
}

export interface WaterfallListType extends SpringScrollViewPropType {
  data: any[];
  heightForItem: (item: any, index: number) => number;
  renderItem: (item: any, index: number) => React.ReactElement<any>;
  preferColumnWidth?: number;
  numColumns?: number;
  renderHeader?: () => React.ReactElement<any>;
  renderFooter?: () => React.ReactElement<any>;
  onNativeContentOffsetExtract?: {
    x: Animated.Value,
    y: Animated.Value,
  };
}

export interface WaterfallItemType extends WaterfallListType {
  input: number[];
  output: number[];
  itemIndexes: number[];
  offset: number;
}

export interface StickyFormPropType extends LargeListPropType {}

export interface MediaWrapperType {
  loadEndFunc: string;
  renderLoading: () => React.ReactElement<any>;
  mediaWrapperParam: Animated.Value;
}