More Premium Hugo Themes Premium React Themes

React Native Sortable Listview

Drag drop capable wrapper of ListView for React Native

React Native Sortable Listview

Drag drop capable wrapper of ListView for React Native

Author Avatar Theme by deanmcpherson
Github Stars Github Stars: 915
Last Commit Last Commit: Aug 20, 2020 -
First Commit Created: Feb 24, 2024 -
React Native Sortable Listview screenshot

Overview

The react-native-sortable-listview is a drag-drop capable wrapper for ListView in React Native. It allows for easy dragging and dropping of rows with automatic scrolling while dragging. While it is deprecated and not recommended for new projects due to lack of maintenance, it still provides a useful solution for implementing drag and drop functionality in React Native applications.

Features

  • Drag and Drop Capability: Enables dragging and dropping of rows within the ListView.
  • Automatic Scrolling: Provides automatic scrolling functionality while dragging rows.
  • Customizable Row Styling: Supports optional styling for rows when being dragged.
  • Row Reordering: Allows reordering of rows based on a specified order array.
  • Disable Sorting: Option to disable sorting functionality.
  • Event Handlers: Register handlers for various events like drag start, move completion, row activation, move cancellation, etc.

Installation

To install react-native-sortable-listview in your project, run the following npm command:

npm install react-native-sortable-listview --save

Then import SortableListView in your component as follows:

import SortableListView from 'react-native-sortable-listview'

Summary

Although react-native-sortable-listview is deprecated and lacks active maintenance, it continues to offer valuable features for implementing drag and drop functionality in React Native applications. It provides a convenient solution for reordering rows within a ListView with features such as automatic scrolling, customizable styling, and event handlers for various interactions. While it is not recommended for new projects, it can be considered for existing projects or for temporary solutions where drag and drop functionality is required in a React Native application.