Component
Scroll view
A height-capped, scrollbar-hidden container for lists that need to live inside a constrained space, like a sheet or modal.
The primitive
scroll view.tsx
<NativeScrollView size="sm">
<NativeRow label="Chase Bank" sublabel="•••• 4821" />
<NativeRow label="Ally Bank" sublabel="•••• 1190" />
<NativeRow label="Wells Fargo" sublabel="•••• 7723" />
<NativeRow label="Capital One" sublabel="•••• 0091" />
</NativeScrollView>Example
A scrollable list of saved destinations living inside a bottom-sheet picker, capped to the sheet's own height.
Choose a destination
scroll-view-example.tsx
<NativeScrollView size="md">
{contacts.map((c) => <NativeRow key={c.id} label={c.name} sublabel="Saved contact" />)}
</NativeScrollView>Capabilities
| Prop | Type | Description |
|---|---|---|
| childrenrequired | React.ReactNode | — |
| size | NativeScrollViewSize | — |
| className | string | — |