fix: view flattening issues when using <Anchor>

Author: ThunbergOlle

example/src/App.tsx

@@ -71,6 +71,7 @@ const ScrollToButtons = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
+    marginTop: 200,
     alignItems: 'center',
     justifyContent: 'center',
   },

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",

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>
+  );
 };