↗
↗
↗
↗
☰
SpatialNavigationVirtualizedGrid
iOS
Android
Web
TV
A virtualized spatial grid for large poster walls, catalogs, dashboards, and TV surfaces.
Import
tsx
Copy
import
{
SpatialNavigationVirtualizedGrid
}
from
'react-native-cross-elements'
;
Preview
Preview
Code
spatial-navigation-virtualized-grid.tsx
1
2
3
4
5
6
Usage
tsx
Copy
import
{
SpatialNavigationVirtualizedGrid
}
from
'react-native-cross-elements'
;
<
SpatialNavigationVirtualizedGrid
data
=
{
movies
}
itemSize
=
{
160
}
numberOfColumns
=
{
4
}
numberOfRenderedItems
=
{
24
}
renderItem
=
{
(
{
item
}
)
=
>
<
PosterCard
movie
=
{
item
}
/
>
}
/
>
Tip
ℹ️
Use virtualized grids when a focusable catalog is too large to render all at once.