React Templates & Themes Logo React Templates & Themes
React Native Swipe List View screenshot

React Native Swipe List View

Author Avatar Theme by Jemise111
Updated: 6 Sep 2021
2804 Stars

A React Native ListView component with rows that swipe open and closed

Github Live Preview

Categories

React native

Overview:

The npm package react-native-swipe-list-view provides a vertical ListView with rows that can be swiped open and closed. It offers features like handling default native behaviors, using SwipeRow for swipeable rows outside of SwipeListView, and is now compatible with RN 0.60+ by using version 2.0.0 and migrating to FlatList.

Features:

  • Vertical ListView: Allows for swiping rows open and closed.
  • SwipeRow Component: Enables the use of swipeable rows outside of SwipeListView.
  • Compatibility with RN 0.60+: Supports React Native 0.60+ and version 2.0.0 requires the use of FlatList.

Installation:

To install the react-native-swipe-list-view, follow these steps:

  1. Clone the repository: git clone https://github.com/jemise111/react-native-swipe-list-view.git
  2. Navigate to the example directory: cd react-native-swipe-list-view/SwipeListExample
  3. Install dependencies: yarn && cd ios && pod install && cd ..
  4. Run the application: react-native run-ios or react-native run-android

Summary:

The react-native-swipe-list-view npm package provides a convenient solution for implementing swipeable rows in a vertical ListView. With its support for React Native 0.60+ and the use of FlatList, it offers a modern approach to handling swipe interactions in mobile applications.