Skip to main content

Examples

A managed Expo app under example/ showcases every feature. Run it locally:

cd example
npm install
npx expo start

What's in the example app

ExampleSourceShows
Basicbasic.tsxThe minimal SwipeListView setup.
SectionListsectionlist.tsxuseSectionList with section headers.
Per-row configper_row_config.tsxIndependent rows via a returned <SwipeRow>. See Per-row behavior.
Standalone rowstandalone_row.tsxUsing <SwipeRow> outside a list.
Swipe to deleteswipe_to_delete.tsxRemoving a row on swipe.
Swipe-value UI (legacy)swipe_value_based_ui_legacy.tsxDriving UI from the onSwipeValueChange JS callback.
Swipe-value UI (reanimated)swipe_value_based_ui_reanimated.tsxRecommended: driving UI from the injected swipeAnimatedValue SharedValue. See Migration §5.
Actionsactions.tsxActivation values + action status changes. See Actions.
Manual closeclose_row_manually.tsxClosing a row imperatively via its ref. See Manually closing rows.
Accessibilityaccessibility.tsxScreen-reader swipe actions.

Snack

Try the (v3) Snack in your browser: https://snack.expo.io/@jemise111/react-native-swipe-list-view