ScrollView

'use client';
import { Text, VStack } from '@swiftuijs/ui';
import { ScrollView } from '@swiftuijs/ui';
export default function Example() {
    return ((<ScrollView style={{ height: '200px' }}>
      <VStack spacing={10}>
        {Array.from({ length: 20 }, (_, i) => (<Text key={i}>Item {i + 1}</Text>))}
      </VStack>
    </ScrollView>));
}

Scroll Indicators

Hide scroll indicators if needed:

With Spacer

Use Spacer within ScrollView for flexible layouts:

Long Content

ScrollView handles long content efficiently:

Custom Styling

Apply custom styles to ScrollView:

Programmatic Position

Drive a scroll view from state and scroll to anchors with scrollPosition:

Usage and limitations

• Give the container a bounded height for vertical scrolling or width for horizontal scrolling; the bound may come from parent layout.
• Vertical scrolling is the default. showsIndicators={false} hides indicators; ordinary React children are supported.
• scrollPosition reads/sets position or jumps to a ScrollTarget; onScrollPhaseChange distinguishes scrolling from idle.
• This does not virtualize children. Use LazyVStack/LazyHStack for large lists, and avoid nested scroll areas in the same direction.
• Keep scrolling reachable with the keyboard and test touch interaction; add a focusable labeled region when the surrounding composition needs it.