@shopify/flash-list 2.0.2-rc.1 → 2.0.3

package/src/FlashListProps.ts

@@ -6,8 +6,7 @@ import {
   ViewStyle,
 } from "react-native";
 
-import { BlankAreaEventHandler } from "./native/auto-layout/AutoLayoutView";
-import ViewToken from "./viewability/ViewToken";
+import ViewToken from "./recyclerview/viewability/ViewToken";
 
 export interface ListRenderItemInfo<TItem> {
   item: TItem;
@@ -40,18 +39,6 @@ export type ListRenderItem<TItem> = (
   info: ListRenderItemInfo<TItem>
 ) => React.ReactElement | null;
 
-export type ContentStyle = Pick<
-  ViewStyle,
-  | "backgroundColor"
-  | "paddingTop"
-  | "paddingLeft"
-  | "paddingRight"
-  | "paddingBottom"
-  | "padding"
-  | "paddingVertical"
-  | "paddingHorizontal"
->;
-
 export interface ViewabilityConfigCallbackPair<TItem> {
   viewabilityConfig: ViewabilityConfig;
   onViewableItemsChanged:
@@ -89,14 +76,6 @@ export interface FlashListProps<TItem>
    */
   data: ReadonlyArray<TItem> | null | undefined;
 
-  /**
-   * Average or median size for elements in the list. Doesn't have to be very accurate but a good estimate can improve performance.
-   * A quick look at `Element Inspector` can help you determine this. If you're confused between two values, the smaller value is a better choice.
-   * For vertical lists provide average height and for horizontal average width.
-   * Read more about it here: https://shopify.github.io/flash-list/docs/estimated-item-size
-   */
-  estimatedItemSize?: number;
-
   /**
    * Each cell is rendered using this element.
    * Can be a React Component Class, or a render function.
@@ -165,30 +144,11 @@ export interface FlashListProps<TItem>
     | React.ComponentType<ScrollViewProps>
     | React.FC<ScrollViewProps>;
 
-  /**
-   * You can use `contentContainerStyle` to apply padding that will be applied to the whole content itself.
-   * For example, you can apply this padding, so that all of your items have leading and trailing space.
-   */
-  contentContainerStyle?: ContentStyle;
-
   /**
    * Draw distance for advanced rendering (in dp/px)
    */
   drawDistance?: number;
 
-  /**
-   * Specifies how far the first item is drawn from start of the list window or, offset of the first item of the list (not the header).
-   * Needed if you're using initialScrollIndex prop. Before the initial draw the list cannot figure out the size of header or, any special margin/padding that might have been applied
-   * using header styles etc.
-   * If this isn't provided initialScrollIndex might not scroll to the provided index.
-   */
-  estimatedFirstItemOffset?: number;
-
-  /**
-   * Visible height and width of the list. This is not the scroll content size.
-   */
-  estimatedListSize?: { height: number; width: number };
-
   /**
    * A marker property for telling the list to re-render (since it implements PureComponent).
    * If any of your `renderItem`, Header, Footer, etc. functions depend on anything outside of the `data` prop,
@@ -206,11 +166,6 @@ export interface FlashListProps<TItem>
    */
   initialScrollIndex?: number | null | undefined;
 
-  /**
-   * Reverses the direction of scroll. Uses scale transforms of -1.
-   */
-  inverted?: boolean | null | undefined;
-
   /**
    * Used to extract a unique key for a given item at the specified index.
    * Key is used for optimizing performance. Defining `keyExtractor` is also necessary
@@ -225,18 +180,6 @@ export interface FlashListProps<TItem>
    */
   numColumns?: number | undefined;
 
-  /**
-   * Computes blank space that is visible to the user during scroll or list load. If list doesn't have enough items to fill the screen even then this will be raised.
-   * Values reported: {
-   *    offsetStart -> visible blank space on top of the screen (while going up). If value is greater than 0 then it's visible to user.
-   *    offsetEnd -> visible blank space at the end of the screen (while going down). If value is greater than 0 then it's visible to user.
-   *    blankArea -> max(offsetStart, offsetEnd) use this directly and look for values > 0
-   * }
-   * Please note that this event isn't synced with onScroll event but works with native onDraw/layoutSubviews. Events with values > 0 are blanks.
-   * This event is raised even when there is no visible blank with negative values for extensibility however, for most use cases check blankArea > 0 and use the value.
-   */
-  onBlankArea?: BlankAreaEventHandler;
-
   /**
    * Called once when the scroll position gets within onEndReachedThreshold of the rendered content.
    */
@@ -292,11 +235,7 @@ export interface FlashListProps<TItem>
   ) => string | number | undefined;
 
   /**
-   * This method can be used to provide explicit size estimates or change column span of an item.
-   *
-   * Providing specific estimates is a good idea when you can calculate sizes reliably. FlashList will prefer this value over `estimatedItemSize` for that specific item.
-   * Precise estimates will also improve precision of `scrollToIndex` method and `initialScrollIndex` prop. If you have a `separator` below your items you can include its size in the estimate.
-   *
+   * This method can be used to change column span of an item.
    * Changing item span is useful when you have grid layouts (numColumns > 1) and you want few items to be bigger than the rest.
    *
    * Modify the given layout. Do not return. FlashList will fallback to default values if this is ignored.
@@ -304,7 +243,7 @@ export interface FlashListProps<TItem>
    * Performance: This method is called very frequently. Keep it fast.
    */
   overrideItemLayout?: (
-    layout: { span?: number; size?: number },
+    layout: { span?: number },
     item: TItem,
     index: number,
     maxColumns: number,
@@ -342,21 +281,6 @@ export interface FlashListProps<TItem>
     | ViewabilityConfigCallbackPairs<TItem>
     | undefined;
 
-  /**
-   * FlashList attempts to measure size of horizontal lists by drawing an extra list item in advance. This can sometimes cause issues when used with `initialScrollIndex` in lists
-   * with very little content. You might see some amount of over scroll. When set to true the list's rendered size needs to be deterministic (i.e., height and width greater than 0)
-   * as FlashList will skip rendering the extra item for measurement. Default value is `false`.
-   */
-  disableHorizontalListHeightMeasurement?: boolean;
-
-  /**
-   * FlashList applies some fixes to layouts of its children which can conflict with custom `CellRendererComponent`
-   * implementations. You can disable this behavior by setting this to `true`.
-   * Recommendation: Set this to `true` while you apply special behavior to the `CellRendererComponent`. Once done set this to
-   * `false` again.
-   */
-  disableAutoLayout?: boolean;
-
   /**
    * New arch only
    * Maximum number of items in the recycle pool. These are the items that are cached in the recycle pool when they are scrolled off the screen.

package/src/__tests__/LayoutCommitObserver.test.tsx

@@ -1,9 +1,9 @@
 import React from "react";
 import { render } from "@quilted/react-testing";
 
-import { RecyclerView } from "../recyclerview/RecyclerView";
 import { useFlashListContext } from "../recyclerview/RecyclerViewContextProvider";
 import { LayoutCommitObserver } from "../recyclerview/LayoutCommitObserver";
+import { FlashList } from "..";
 
 describe("LayoutCommitObserver", () => {
   it("should not alter ref captured by child", () => {
@@ -20,7 +20,7 @@ describe("LayoutCommitObserver", () => {
     let commitLayoutEffectCount = 0;
 
     const content = (
-      <RecyclerView
+      <FlashList
         testID="parent"
         data={[1]}
         renderItem={() => (
@@ -29,7 +29,7 @@ describe("LayoutCommitObserver", () => {
               commitLayoutEffectCount++;
             }}
           >
-            <RecyclerView
+            <FlashList
               testID="child"
               data={[1]}
               renderItem={() => (
@@ -53,8 +53,11 @@ describe("LayoutCommitObserver", () => {
       />
     );
 
-    render(content);
+    const renderResult = render(content);
 
     expect(commitLayoutEffectCount).toBe(3);
+
+    // Force unmount to trigger cleanup of async operations
+    renderResult.unmount();
   });
 });

package/src/__tests__/RecyclerView.test.tsx

@@ -4,7 +4,7 @@ import "@quilted/react-testing/matchers";
 import { render } from "@quilted/react-testing";
 
 import { FlashListRef } from "../FlashListRef";
-import { RecyclerView } from "../recyclerview/RecyclerView";
+import { FlashList } from "..";
 
 // Mock measureLayout to return fixed dimensions
 jest.mock("../recyclerview/utils/measureLayout", () => {
@@ -49,7 +49,7 @@ const renderRecyclerView = (args: {
     data,
   } = args;
   return render(
-    <RecyclerView
+    <FlashList
       ref={ref}
       data={
         data ?? [

package/src/__tests__/ViewabilityHelper.test.ts

@@ -1,8 +1,9 @@
-import { Dimension, Layout } from "recyclerlistview";
-
-import CustomError from "../errors/CustomError";
-import ExceptionList from "../errors/ExceptionList";
-import ViewabilityHelper from "../viewability/ViewabilityHelper";
+import ViewabilityHelper from "../recyclerview/viewability/ViewabilityHelper";
+import { ErrorMessages } from "../errors/ErrorMessages";
+import {
+  RVDimension,
+  RVLayout,
+} from "../recyclerview/layout-managers/LayoutManager";
 
 describe("ViewabilityHelper", () => {
   const viewableIndicesChanged = jest.fn();
@@ -61,7 +62,7 @@ describe("ViewabilityHelper", () => {
     );
     viewabilityHelper.possiblyViewableIndices = [0, 1, 2, 3];
     const getLayout = (index: number) => {
-      return { x: index * 100, y: 0, height: 300, width: 100 } as Layout;
+      return { x: index * 100, y: 0, height: 300, width: 100 } as RVLayout;
     };
     updateViewableItems({ viewabilityHelper, horizontal: true, getLayout });
     expect(viewableIndicesChanged).toHaveBeenCalledWith(
@@ -160,9 +161,9 @@ describe("ViewabilityHelper", () => {
   it("reports items that only satisfy viewAreaCoveragePercentThreshold", () => {
     const getLayout = (index: number) => {
       if (index === 4) {
-        return { x: 0, y: index * 100, width: 100, height: 25 } as Layout;
+        return { x: 0, y: index * 100, width: 100, height: 25 } as RVLayout;
       }
-      return { x: 0, y: index * 100, height: 100, width: 300 } as Layout;
+      return { x: 0, y: index * 100, height: 100, width: 300 } as RVLayout;
     };
     const viewabilityHelper = new ViewabilityHelper(
       { viewAreaCoveragePercentThreshold: 25 },
@@ -246,9 +247,7 @@ describe("ViewabilityHelper", () => {
       viewableIndicesChanged
     );
     expect(() => updateViewableItems({ viewabilityHelper })).toThrow(
-      new CustomError(
-        ExceptionList.multipleViewabilityThresholdTypesNotSupported
-      )
+      ErrorMessages.multipleViewabilityThresholdTypesNotSupported
     );
   });
 
@@ -263,8 +262,8 @@ describe("ViewabilityHelper", () => {
     viewabilityHelper: ViewabilityHelper;
     horizontal?: boolean;
     scrollOffset?: number;
-    listSize?: Dimension;
-    getLayout?: (index: number) => Layout | undefined;
+    listSize?: RVDimension;
+    getLayout?: (index: number) => RVLayout | undefined;
     runAllTimers?: boolean;
   }) => {
     viewabilityHelper.updateViewableItems(
@@ -273,7 +272,7 @@ describe("ViewabilityHelper", () => {
       listSize ?? { height: 300, width: 300 },
       getLayout ??
         ((index) => {
-          return { x: 0, y: index * 100, height: 100, width: 300 } as Layout;
+          return { x: 0, y: index * 100, height: 100, width: 300 } as RVLayout;
         })
     );
     if (runAllTimers ?? true) {

package/src/benchmark/JSFPSMonitor.ts

@@ -1,3 +1,5 @@
+import { ErrorMessages } from "../errors/ErrorMessages";
+
 import { roundToDecimalPlaces } from "./roundToDecimalPlaces";
 
 /**
@@ -44,9 +46,7 @@ export class JSFPSMonitor {
 
   public startTracking() {
     if (this.startTime !== 0) {
-      throw new Error(
-        "This FPS Monitor has already been run, please create a new instance"
-      );
+      throw new Error(ErrorMessages.fpsMonitorAlreadyRunning);
     }
     this.startTime = Date.now();
     this.timeWindow.startTime = Date.now();

package/src/benchmark/useBenchmark.ts

@@ -1,14 +1,10 @@
 import React, { useEffect } from "react";
 
-import FlashList from "../FlashList";
+import { FlashListRef } from "../FlashListRef";
+import { ErrorMessages } from "../errors/ErrorMessages";
 
 import { autoScroll, Cancellable } from "./AutoScrollHelper";
 import { JSFPSMonitor, JSFPSResult } from "./JSFPSMonitor";
-import { roundToDecimalPlaces } from "./roundToDecimalPlaces";
-import {
-  BlankAreaTrackerResult,
-  useBlankAreaTracker,
-} from "./useBlankAreaTracker";
 
 export interface BenchmarkParams {
   startDelayInMs?: number;
@@ -34,7 +30,6 @@ export interface BenchmarkResult {
   js?: JSFPSResult;
   interrupted: boolean;
   suggestions: string[];
-  blankArea?: BlankAreaTrackerResult;
   formattedString?: string;
 }
 
@@ -45,21 +40,16 @@ export interface BenchmarkResult {
  */
 
 export function useBenchmark(
-  flashListRef: React.RefObject<FlashList<any>>,
+  flashListRef: React.RefObject<FlashListRef<any>>,
   callback: (benchmarkResult: BenchmarkResult) => void,
   params: BenchmarkParams = {}
 ) {
-  const [blankAreaResult, blankAreaTracker] = useBlankAreaTracker(
-    flashListRef,
-    undefined,
-    { sumNegativeValues: params.sumNegativeBlankAreaValues, startDelayInMs: 0 }
-  );
   useEffect(() => {
     const cancellable = new Cancellable();
     const suggestions: string[] = [];
     if (flashListRef.current) {
       if (!(Number(flashListRef.current.props.data?.length) > 0)) {
-        throw new Error("Data is empty, cannot run benchmark");
+        throw new Error(ErrorMessages.dataEmptyCannotRunBenchmark);
       }
     }
     const cancelTimeout = setTimeout(async () => {
@@ -81,7 +71,6 @@ export function useBenchmark(
       computeSuggestions(flashListRef, suggestions);
       const result: BenchmarkResult = generateResult(
         jsProfilerResponse,
-        blankAreaResult,
         suggestions,
         cancellable
       );
@@ -96,18 +85,12 @@ export function useBenchmark(
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  return [blankAreaTracker];
 }
 
 export function getFormattedString(res: BenchmarkResult) {
   return (
     `Results:\n\n` +
     `JS FPS: Avg: ${res.js?.averageFPS} | Min: ${res.js?.minFPS} | Max: ${res.js?.maxFPS}\n\n` +
-    `${
-      res.blankArea
-        ? `Blank Area: Max: ${res.blankArea?.maxBlankArea} Cumulative: ${res.blankArea?.cumulativeBlankArea}\n\n`
-        : ``
-    }` +
     `${
       res.suggestions.length > 0
         ? `Suggestions:\n\n${res.suggestions
@@ -120,22 +103,11 @@ export function getFormattedString(res: BenchmarkResult) {
 
 function generateResult(
   jsProfilerResponse: JSFPSResult,
-  blankAreaResult: BlankAreaTrackerResult,
   suggestions: string[],
   cancellable: Cancellable
 ) {
   return {
     js: jsProfilerResponse,
-    blankArea:
-      blankAreaResult.maxBlankArea >= 0
-        ? {
-            maxBlankArea: roundToDecimalPlaces(blankAreaResult.maxBlankArea, 0),
-            cumulativeBlankArea: roundToDecimalPlaces(
-              blankAreaResult.cumulativeBlankArea,
-              0
-            ),
-          }
-        : undefined,
     suggestions,
     interrupted: cancellable.isCancelled(),
   };
@@ -145,21 +117,21 @@ function generateResult(
  * Scrolls to the end of the list and then back to the top
  */
 async function runScrollBenchmark(
-  flashListRef: React.RefObject<FlashList<any> | null | undefined>,
+  flashListRef: React.RefObject<FlashListRef<any> | null | undefined>,
   cancellable: Cancellable,
   scrollSpeedMultiplier: number
 ): Promise<void> {
   if (flashListRef.current) {
     const horizontal = flashListRef.current.props.horizontal;
-    const rlv = flashListRef.current.recyclerlistview_unsafe;
-    if (rlv) {
-      const rlvSize = rlv.getRenderedSize();
-      const rlvContentSize = rlv.getContentDimension();
+    const rv = flashListRef.current;
+    if (rv) {
+      const rvSize = rv.getWindowSize();
+      const rvContentSize = rv.getChildContainerDimensions();
 
       const fromX = 0;
       const fromY = 0;
-      const toX = rlvContentSize.width - rlvSize.width;
-      const toY = rlvContentSize.height - rlvSize.height;
+      const toX = rvContentSize.width - rvSize.width;
+      const toY = rvContentSize.height - rvSize.height;
 
       const scrollNow = (x: number, y: number) => {
         flashListRef.current?.scrollToOffset({
@@ -190,7 +162,7 @@ async function runScrollBenchmark(
   }
 }
 function computeSuggestions(
-  flashListRef: React.RefObject<FlashList<any> | null | undefined>,
+  flashListRef: React.RefObject<FlashListRef<any> | null | undefined>,
   suggestions: string[]
 ) {
   if (flashListRef.current) {

package/src/benchmark/useFlatListBenchmark.ts

@@ -1,6 +1,8 @@
 import { useEffect } from "react";
 import { FlatList } from "react-native";
 
+import { ErrorMessages } from "../errors/ErrorMessages";
+
 import { autoScroll, Cancellable } from "./AutoScrollHelper";
 import { JSFPSMonitor } from "./JSFPSMonitor";
 import {
@@ -27,7 +29,7 @@ export function useFlatListBenchmark(
     const cancellable = new Cancellable();
     if (flatListRef.current && flatListRef.current.props) {
       if (!(Number(flatListRef.current.props.data?.length) > 0)) {
-        throw new Error("Data is empty, cannot run benchmark");
+        throw new Error(ErrorMessages.dataEmptyCannotRunBenchmark);
       }
     }
     const cancelTimeout = setTimeout(async () => {

package/src/errors/ErrorMessages.ts

@@ -0,0 +1,26 @@
+export const ErrorMessages = {
+  multipleViewabilityThresholdTypesNotSupported:
+    "You can set exactly one of itemVisiblePercentThreshold or viewAreaCoveragePercentThreshold. Specifying both is not supported.",
+  flashListV2OnlySupportsNewArchitecture:
+    "FlashList v2 is only supported on new architecture",
+  layoutManagerNotInitializedLayoutInfo:
+    "LayoutManager is not initialized, layout info is unavailable",
+  layoutManagerNotInitializedChildContainer:
+    "LayoutManager is not initialized, child container layout is unavailable",
+  layoutManagerNotInitializedWindowSize:
+    "LayoutManager is not initialized, window size is unavailable",
+  horizontalPropCannotBeToggled:
+    "Horizontal prop cannot be toggled, you can use a key on FlashList to recreate it.",
+  layoutManagerNotInitializedVisibleIndices:
+    "LayoutManager is not initialized, visible indices are not unavailable",
+  masonryAndHorizontalIncompatible:
+    "Masonry and horizontal props are incompatible",
+  numColumnsAndHorizontalIncompatible:
+    "numColumns and horizontal props are incompatible",
+  indexOutOfBounds: "index out of bounds, not enough layouts",
+  fpsMonitorAlreadyRunning:
+    "This FPS Monitor has already been run, please create a new instance",
+  dataEmptyCannotRunBenchmark: "Data is empty, cannot run benchmark",
+  stickyHeadersNotSupportedForHorizontal:
+    "Sticky headers are not supported when list is horizontal",
+};

package/src/errors/WarningMessages.ts

@@ -0,0 +1,7 @@
+export const WarningMessages = {
+  keyExtractorNotDefinedForAnimation:
+    "keyExtractor is not defined. This might cause the animations to not work as expected.",
+  exceededMaxRendersWithoutCommit:
+    "Exceeded max renders without commit. This might mean that you have duplicate keys in your keyExtractor output or your list is nested in a ScrollView causing a lot of items to render at once. " +
+    "If it's none of those and is causing a real issue or error, consider reporing this on FlashList Github",
+};

package/src/index.ts

@@ -1,25 +1,17 @@
-// eslint-disable-next-line import/no-named-default
-import { default as OriginalFlashList } from "./FlashList";
-import { isNewCoreEnabled } from "./enableNewCore";
-import { RecyclerView } from "./recyclerview/RecyclerView";
-
 // Keep this unmodified for TS type checking
-export { default as FlashList } from "./FlashList";
+import { isNewArch } from "./isNewArch";
+import { ErrorMessages } from "./errors/ErrorMessages";
+
+export { FlashList } from "./FlashList";
 export { FlashListRef } from "./FlashListRef";
 export {
   FlashListProps,
-  ContentStyle,
   ListRenderItem,
   ListRenderItemInfo,
   RenderTarget,
   RenderTargetOptions,
 } from "./FlashListProps";
 export { default as AnimatedFlashList } from "./AnimatedFlashList";
-export {
-  useOnNativeBlankAreaEvents,
-  BlankAreaEventHandler,
-  BlankAreaEvent,
-} from "./native/auto-layout/AutoLayoutView";
 export {
   useBenchmark,
   BenchmarkParams,
@@ -30,46 +22,18 @@ export {
   useFlatListBenchmark,
   FlatListBenchmarkParams,
 } from "./benchmark/useFlatListBenchmark";
-export {
-  useBlankAreaTracker,
-  BlankAreaTrackerResult,
-  BlankAreaTrackerConfig,
-} from "./benchmark/useBlankAreaTracker";
-export {
-  MasonryFlashList,
-  MasonryFlashListProps,
-  MasonryFlashListScrollEvent,
-  MasonryFlashListRef,
-  MasonryListItem,
-  MasonryListRenderItem,
-  MasonryListRenderItemInfo,
-} from "./MasonryFlashList";
 export { useLayoutState } from "./recyclerview/hooks/useLayoutState";
 export { useRecyclingState } from "./recyclerview/hooks/useRecyclingState";
 export { useMappingHelper } from "./recyclerview/hooks/useMappingHelper";
 export { JSFPSMonitor, JSFPSResult } from "./benchmark/JSFPSMonitor";
 export { autoScroll, Cancellable } from "./benchmark/AutoScrollHelper";
-export { default as ViewToken } from "./viewability/ViewToken";
-export { default as CellContainer } from "./native/cell-container/CellContainer";
-export { RecyclerView } from "./recyclerview/RecyclerView";
-export { RecyclerViewProps } from "./recyclerview/RecyclerViewProps";
+export { default as ViewToken } from "./recyclerview/viewability/ViewToken";
 export { useFlashListContext } from "./recyclerview/RecyclerViewContextProvider";
 export {
   LayoutCommitObserver,
   LayoutCommitObserverProps,
 } from "./recyclerview/LayoutCommitObserver";
 
-// @ts-ignore - This is ignored by TypeScript but will be present in the compiled JS
-// In the compiled JS, this will override the previous FlashList export with a conditional one
-if (
-  typeof module !== "undefined" &&
-  module.exports &&
-  process?.env?.NODE_ENV !== "test"
-) {
-  Object.defineProperty(module.exports, "FlashList", {
-    get() {
-      return isNewCoreEnabled() ? RecyclerView : OriginalFlashList;
-    },
-    configurable: true,
-  });
+if (!isNewArch()) {
+  throw new Error(ErrorMessages.flashListV2OnlySupportsNewArchitecture);
 }

package/src/isNewArch.ts

@@ -0,0 +1,25 @@
+import { Platform } from "react-native";
+
+let _isNewArch: boolean | undefined;
+
+export function isNewArch(): boolean {
+  if (_isNewArch !== undefined) {
+    return _isNewArch;
+  } else {
+    try {
+      // Check for Fabric UI Manager
+      const hasFabricUIManager = Boolean(
+        (global as any)?.nativeFabricUIManager
+      );
+
+      // Check for TurboModule system
+      const hasTurboModule = Boolean((global as any)?.__turboModuleProxy);
+
+      _isNewArch =
+        hasFabricUIManager || hasTurboModule || Platform.OS === "web";
+    } catch {
+      _isNewArch = true;
+    }
+  }
+  return _isNewArch;
+}

package/src/native/config/PlatformHelper.android.ts

@@ -1,31 +1,7 @@
-import { BaseItemAnimator } from "recyclerlistview";
-
 const PlatformConfig = {
   defaultDrawDistance: 250,
   supportsOffsetCorrection: true,
   trackAverageRenderTimeForOffsetProjection: true,
-  // Using rotate instead of scaleY on Android to avoid performance issues. Issue: https://github.com/Shopify/flash-list/issues/751
-  invertedTransformStyle: { transform: [{ rotate: "180deg" }] },
-  invertedTransformStyleHorizontal: { transform: [{ rotate: "180deg" }] },
-};
-const getCellContainerPlatformStyles = (
-  inverted: boolean,
-  parentProps: { x: number; y: number; isHorizontal?: boolean }
-): { transform: string; WebkitTransform: string } | undefined => {
-  return undefined;
-};
-
-const getItemAnimator = (): BaseItemAnimator | undefined => {
-  return undefined;
 };
 
-const getFooterContainer = (): React.ComponentClass | undefined => {
-  return undefined;
-};
-
-export {
-  PlatformConfig,
-  getCellContainerPlatformStyles,
-  getItemAnimator,
-  getFooterContainer,
-};
+export { PlatformConfig };

package/src/native/config/PlatformHelper.ios.ts

@@ -1,30 +1,7 @@
-import { BaseItemAnimator } from "recyclerlistview";
-
 const PlatformConfig = {
   defaultDrawDistance: 250,
   supportsOffsetCorrection: true,
   trackAverageRenderTimeForOffsetProjection: false,
-  invertedTransformStyle: { transform: [{ scaleY: -1 }] },
-  invertedTransformStyleHorizontal: { transform: [{ scaleX: -1 }] },
-};
-const getCellContainerPlatformStyles = (
-  inverted: boolean,
-  parentProps: { x: number; y: number; isHorizontal?: boolean }
-): { transform: string; WebkitTransform: string } | undefined => {
-  return undefined;
-};
-
-const getItemAnimator = (): BaseItemAnimator | undefined => {
-  return undefined;
 };
 
-const getFooterContainer = (): React.ComponentClass | undefined => {
-  return undefined;
-};
-
-export {
-  PlatformConfig,
-  getCellContainerPlatformStyles,
-  getItemAnimator,
-  getFooterContainer,
-};
+export { PlatformConfig };