Drag Handles
Demonstrates drag handles — only the grip area starts a drag, the rest of the row can scroll or receive taps.
Key Concepts
dragHandleprop — tells DraxView not to attach gesture directlyDraxHandlecomponent — wraps the touchable grip area- Mixed interaction — taps on content work normally
Features Shown
| Feature | How |
|---|---|
dragHandle on SortableItem | Gesture not attached to full item |
DraxHandle | Grip area that activates drag |
| Normal taps | Content area remains tappable |
Source Code
example/app/(tabs)/drag-handles.tsx
// Full source available at:
// https://github.com/nuclearpasta/react-native-drax/blob/main/example/app/(tabs)/drag-handles.tsx
Related
- Drag Handles Guide — Full tutorial
- API: DraxHandle — Component reference