@shopify/flash-list 1.4.1 → 1.4.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopify/flash-list",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "keywords": [
     "react-native",
     "recyclerview",
@@ -28,7 +28,7 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "up": "bundle install && yarn fixture-up && yarn e2e-up && yarn build && yarn fixture-web-up",
+    "up": "bundle install && yarn fixture-up && yarn e2e-up && yarn build",
     "fixture-web-up": "cd fixture/web-app && yarn && cd ../../",
     "fixture-up": "cd fixture && yarn && cd ios && bundle exec pod install && cd ../../",
     "e2e-up": "cd fixture/ios && brew tap wix/brew && brew install applesimutils && cd ../../",

package/src/FlashList.tsx

@@ -69,7 +69,7 @@ class FlashList<T> extends React.PureComponent<
   private rlvRef?: RecyclerListView<RecyclerListViewProps, any>;
   private stickyContentContainerRef?: PureComponentWrapper;
   private listFixedDimensionSize = 0;
-  private transformStyle = { transform: [{ scaleY: -1 }] };
+  private transformStyle = PlatformConfig.invertedTransformStyle;
   private transformStyleHorizontal = { transform: [{ scaleX: -1 }] };
   private distanceFromWindow = 0;
   private contentStyle: ContentStyleExplicit = {

package/src/FlashListProps.ts

@@ -56,6 +56,7 @@ export interface FlashListProps<TItem> extends ScrollViewProps {
    * );
    * ...
    * <FlashList data={[{title: 'Title Text', key: 'item1'}]} renderItem={renderItem} />
+   * ```
    *
    * Provides additional metadata like `index`
    *

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

@@ -2,6 +2,8 @@ import { BaseItemAnimator } from "recyclerlistview";
 
 const PlatformConfig = {
   defaultDrawDistance: 250,
+  // Using rotate instead of scaleY on Android to avoid performance issues. Issue: https://github.com/Shopify/flash-list/issues/751
+  invertedTransformStyle: { transform: [{ rotate: "180deg" }] },
 };
 const getCellContainerPlatformStyles = (
   inverted: boolean,

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

@@ -2,6 +2,7 @@ import { BaseItemAnimator } from "recyclerlistview";
 
 const PlatformConfig = {
   defaultDrawDistance: 250,
+  invertedTransformStyle: { transform: [{ scaleY: -1 }] },
 };
 const getCellContainerPlatformStyles = (
   inverted: boolean,

package/src/native/config/PlatformHelper.ts

@@ -3,6 +3,7 @@ import { DefaultJSItemAnimator } from "recyclerlistview/dist/reactnative/platfor
 
 const PlatformConfig = {
   defaultDrawDistance: 250,
+  invertedTransformStyle: { transform: [{ scaleY: -1 }] },
 };
 const getCellContainerPlatformStyles = (
   inverted: boolean,

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

@@ -5,6 +5,7 @@ import { DefaultJSItemAnimator } from "recyclerlistview/dist/reactnative/platfor
 
 const PlatformConfig = {
   defaultDrawDistance: 2000,
+  invertedTransformStyle: { transform: [{ scaleY: -1 }] },
 };
 const getCellContainerPlatformStyles = (
   inverted: boolean,