WIP: CellRendererComponent prop

Author: Marek Fořt

src/FlashList.tsx

@@ -19,7 +19,7 @@ import {
 import StickyContainer, { StickyContainerProps } from "recyclerlistview/sticky";
 
 import AutoLayoutView, { BlankAreaEventHandler } from "./AutoLayoutView";
-import ItemContainer from "./CellContainer";
+import CellContainer from "./CellContainer";
 import { PureComponentWrapper } from "./PureComponentWrapper";
 import GridLayoutProviderWithProps from "./GridLayoutProviderWithProps";
 import CustomError from "./errors/CustomError";
@@ -132,6 +132,8 @@ export interface FlashListProps<T> extends FlatListProps<T> {
     | ((info: { viewableItems: ViewToken[]; changed: ViewToken[] }) => void)
     | null
     | undefined;
+
+  CellRendererComponent?: typeof CellContainer | undefined;
 }
 
 export interface FlashListState<T> {
@@ -535,8 +537,10 @@ class FlashList<T> extends React.PureComponent<
   };
 
   private itemContainer = (props: any, parentProps: any) => {
+    const CellRendererComponent =
+      this.props.CellRendererComponent ?? CellContainer;
     return (
-      <ItemContainer
+      <CellRendererComponent
         {...props}
         style={{
           ...props.style,
@@ -553,7 +557,7 @@ class FlashList<T> extends React.PureComponent<
           arg={parentProps.index}
           renderer={this.getCellContainerChild}
         />
-      </ItemContainer>
+      </CellRendererComponent>
     );
   };
 

src/index.ts

@@ -23,3 +23,4 @@ export {
 export { JSFPSMonitor, JSFPSResult } from "./benchmark/JSFPSMonitor";
 export { autoScroll, Cancellable } from "./benchmark/AutoScrollHelper";
 export { default as ViewToken } from "./ViewToken";
+export { default as CellContainer } from "./CellContainer";