fix: view flattening issues when using <Anchor>

sellpy · Apr 24, 2024 · 88f4a26 · 88f4a26
1 parent 4df5e1a
commit 88f4a26
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -71,6 +71,7 @@ const ScrollToButtons = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
+    marginTop: 200,
     alignItems: 'center',
     justifyContent: 'center',
   },

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sellpy/react-native-scroll-anchor",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Hooks and utilities to simplify scrolling to elements in react native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

diff --git a/src/components/Anchor.tsx b/src/components/Anchor.tsx
@@ -11,5 +11,9 @@ export const Anchor = ({
   children: ReactNode;
 }) => {
   const ref = useAnchorRef(name);
-  return <View ref={ref}>{children}</View>;
+  return (
+    <View collapsable={false} ref={ref}>
+      {children}
+    </View>
+  );
 };