diff --git a/packages/lib/src/spatial-navigation/components/View.tsx b/packages/lib/src/spatial-navigation/components/View.tsx
index b21a7dcb..946eb045 100644
--- a/packages/lib/src/spatial-navigation/components/View.tsx
+++ b/packages/lib/src/spatial-navigation/components/View.tsx
@@ -1,28 +1,30 @@
import { StyleSheet, View, ViewStyle } from 'react-native';
import { SpatialNavigationNode } from './Node';
+import { forwardRef } from 'react';
+import { SpatialNavigationNodeRef } from '../types/SpatialNavigationNodeRef';
-export const SpatialNavigationView = ({
- direction = 'horizontal',
- alignInGrid = false,
- children,
- style,
-}: {
+type Props = {
children: React.ReactNode;
style?: ViewStyle;
direction: 'horizontal' | 'vertical';
alignInGrid?: boolean;
-}) => {
- return (
-
-
- {children}
-
-
- );
};
+export const SpatialNavigationView = forwardRef(
+ ({ direction = 'horizontal', alignInGrid = false, children, style }: Props, ref) => {
+ return (
+
+
+ {children}
+
+
+ );
+ },
+);
+SpatialNavigationView.displayName = 'SpatialNavigationView';
+
const styles = StyleSheet.create({
viewVertical: {
display: 'flex',