Scrolling
Demonstrates drag from a scrollable container to a drop zone. The scroll view auto-scrolls when dragging near edges.
Key Concepts
- DraxScrollView — scrollable container with auto-scroll
- Drag from scroll — items inside a scroll view can be dragged out
- Auto-scroll — scrolls when finger approaches edges during drag
Features Shown
| Feature | How |
|---|---|
DraxScrollView | Wraps the scrollable item list |
| Auto-scroll | Edges trigger scroll during drag |
| External drop | Items can be dropped outside the scroll |
Source Code
example/app/(tabs)/scrolling.tsx
// Full source available at:
// https://github.com/nuclearpasta/react-native-drax/blob/main/example/app/(tabs)/scrolling.tsx
Related
- Scrollable Containers Guide — Full tutorial
- API: DraxScrollView — Component reference