fix: sticky headers for web

marcocesarato · Jun 9, 2021 · 38198c9 · 38198c9
1 parent 53348a1
commit 38198c9
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/lib/BigList.jsx b/lib/BigList.jsx
@@ -669,7 +669,20 @@ class BigList extends PureComponent {
             actionSheetScrollRef.current = ref;
           }
         },
-        onScroll: this.onScroll,
+        onScroll:
+          Platform.OS === "web"
+            ? Animated.event(
+                [
+                  {
+                    nativeEvent: { contentOffset: { y: this.scrollTopValue } },
+                  },
+                ],
+                {
+                  listener: (event) => this.onScroll(event),
+                  useNativeDriver: false,
+                },
+              )
+            : this.onScroll,
         onLayout: this.onLayout,
         onMomentumScrollEnd: this.onScrollEnd,
         onScrollEndDrag: this.onScrollEnd,
@@ -790,7 +803,7 @@ BigList.defaultProps = {
   sectionFooterHeight: 0,
   // Scroll
   removeClippedSubviews: false,
-  scrollEventThrottle: 16,
+  scrollEventThrottle: Platform.OS === "web" ? 5 : 16,
   // Keyboard
   keyboardShouldPersistTaps: "always",
   keyboardDismissMode: "interactive",

diff --git a/lib/index.d.ts b/lib/index.d.ts
@@ -6,7 +6,7 @@ import {
   ScrollViewProps,
   LayoutChangeEvent,
   ListRenderItem,
-  ViewStyle
+  ViewStyle,
 } from "react-native";
 
 interface BigListProps<ItemT> extends ScrollViewProps {
@@ -55,7 +55,9 @@ interface BigListProps<ItemT> extends ScrollViewProps {
   sections?: ItemT[][];
   children?: null | undefined;
 }
-export default class BigList<ItemT = any> extends PureComponent<BigListProps<ItemT>> {}
+export default class BigList<ItemT = any> extends PureComponent<
+  BigListProps<ItemT>
+> {}
 
 type BigListItemProps = {
   children?: React.ReactNode[] | React.ReactNode;