↗
↗
↗
↗
☰
SpatialNavigationVirtualizedList
iOS
Android
Web
TV
A spatial-navigation-aware virtualized list for large menus, catalogs, and TV layouts where rendering every focusable item would be expensive.
Import
tsx
Copy
import
{
SpatialNavigationVirtualizedList
}
from
'react-native-cross-elements'
;
Preview
Preview
Code
spatial-navigation-virtualized-list.tsx
Item 01
Item 02
Item 03
...virtualized
Usage
tsx
Copy
import
{
SpatialNavigationVirtualizedList
}
from
'react-native-cross-elements'
;
<
SpatialNavigationVirtualizedList
data
=
{
items
}
itemSize
=
{
72
}
numberOfRenderedItems
=
{
12
}
orientation
=
"vertical"
renderItem
=
{
(
{
item
}
)
=
>
<
MenuItem
item
=
{
item
}
/
>
}
/
>
Tip
ℹ️
Provide stable item sizes so focus movement and scroll offsets stay predictable.