Gesture navigation
The set of touch gestures a mobile app supports, and how it teaches and confirms them.
Navigation & Command · 8 checks · 4 resources
Before you ship
8- 01Swipe to go back — the standard action to go back without tapping a button, disabled where a horizontal swipe conflicts
- 02List item swipe actions — revealing quick actions such as delete, archive or mark as read without opening the item
- 03Pull to refresh — for scrollable content lists, with a visible indicator and haptic confirmation when triggered
- 04Long press menus — an item revealing actions relevant to that specific element
- 05Pinch to zoom — image and map content supporting standard pinch-to-zoom, with zoom level reset logically on navigation away
- 06Drag to reorder — long-press-to-lift and drag with clear visual feedback during the drag state
- 07Gesture hints — a subtle animation or tooltip on first encounter with a key gesture
- 08Haptic feedback — for key gesture moments where a finger covers the screen and engagement is otherwise unclear
Resources that help you build this
4- Material Design 3 · Google's open design system: 39 components, tokens, and Compose/Web code
- React Native Reanimated · UI-thread animation library for React Native, v4 on the New Architecture
- Tamagui · Universal React styling engine, optimizing compiler and ~48 components for web and native
- React Native Components · 64 copy-paste React Native screen components, $59.99 once for lifetime access