Can I put a VirtualizedList inside a VirtualizedList?

[Yria]

If you use a virtualizedList inside a virtualizedList, only one or the other will scroll.

example)

<SpatialNavigationVirtualizedList
    data={[mock, mock, mock, mock, mock, mock, mock, mock]}
    orientation={'vertical'}
    renderItem={({ item }) => (
        <SpatialNavigationVirtualizedList data={item} orientation="horizontal">
            {({ item }) => (
                <Program src={item} />
            )}
        </Section>
    )}
    itemSize={scaledPixels(250)}
    numberOfRenderedItems={6 + 2}
    numberOfItemsVisibleOnScreen={6}
scrollBehavior="stick-to-start"
 />

When used as above, vertical scrolling works fine, but horizontal scrolling does not. \ The horizontal list is drawn as it appears on the screen, but the vertical list is not.

In example, you are using scrollview for the vertical and listview for the horizontal, but this does not draw what is visible on the screen.