React Native Sortable List component
JavaScript
Latest commit 55c833c Jan 11, 2017 @gitim Release 0.0.5
Permalink
Failed to load latest commit information.
examples/Basic Update example dependencies Jan 11, 2017
src Add handling a new data receiving Jan 11, 2017
.gitignore Add .npmignore and .gitignore Oct 18, 2016
.npmignore Add .npmignore and .gitignore Oct 18, 2016
README.md initial Oct 18, 2016
demo.gif initial Oct 18, 2016
index.js initial Oct 18, 2016
package.json Release 0.0.5 Jan 11, 2017

README.md

Sortable list view for react-native

Content

Demo

Installation

npm i react-native-sortable-list --save

Examples

API

Props

  • data (Object) data source
  • order (Array) an array of keys from data, the order of keys from the array will be used to initial rows order
  • style (Object, Array)
  • contentContainerStyle (Object, Array) these styles will be applied to the inner scroll view content container
  • sortingEnabled (boolean) when false, rows are not sortable. The default value is true.
  • scrollEnabled (boolean) when false, the content does not scrollable. The default value is true.

  • renderRow (function)
    ({key, index, data, disabled, active}) => renderable
    Takes a row key, row index, data entry from the data source and its statuses disabled, active and should return a renderable component to be rendered as the row.

  • onChangeOrder (function)
    (nextOrder) => void
    Called when rows were reordered, takes an array of rows keys of the next rows order.
  • onActivateRow (function)
    (key) => void
    Called when a row was activated (user long tapped).
  • onReleaseRow (function)
    (key) => void
    Called when the active row was released.

Methods

  • scrollBy(dy?, animated?) scrolls by a given y offset, either immediately or with a smooth animation
  • scrollTo(y?, animated?) scrolls to a given y offset, either immediately or with a smooth animation
  • scrollToRowKey(key, animated?) scrolls to a given row key, either immediately or with a smooth animation

Questions?

Feel free to contact me via

If you find a bug, please submit an issue