VirtualRow 🧪

Experimental 🧪

This API is experimental. Experimental APIs may contain bugs and are likely to change in a future version of React Native. Don't use them in production.

VirtualRow is a row layout component that lazily mounts and virtualizes items.

tsx

<ScrollView>
  <VirtualRow
    items={new VirtualArray(items)}>
    {(item, key) => <Text>{item.value}</Text>}
  </VirtualRow>
</ScrollView>

A ScrollView ancestor is required for virtualized and scrollable items. If there is no ancestor ScrollView, the items will always be rendered as though they are within the viewport.

See VirtualColumn for more details.

Props

See VirtualColumn props.