react-native-dragsortable

Drag and drop sort control for react-native

Performance

Installation

yarn add react-native-dragsortable
or
npm i react-native-dragsortable --save 

Example

import DragSortableView from 'DragSortableView';

this.state = {
    list:[]
}
 
const { list } = this.state;
<DragSortableView
    columnCount={4}
    onStartMove={() => {
        console.log("onStartMove");
    }}
    onDragStart={() => {
        console.log("onDragStart")
    }}
    onEndDrag={(items) => {
        console.log("onEndDrag", items)
        this.setState({
            list: items
        });
    }}
    renderItem={(item) => {
        // return item component
    }}
    data={list} />

API

• data: PropTypes.array.isRequired :
• maxSize: PropTypes.number.isRequired //item width/height
• columnCount: PropTypes.number.isRequired, //default row item count,if the totalWidth/columnCount(totalWidth=Dimensions.get('window').width) larger than maxSize,this columnCount value will be Math.floor(totalWidth/maxSize)
• sortable: PropTypes.bool, //default allow
• onStartMove: PropTypes.func, //click
• onDragStart: PropTypes.func,
• onDragEnd : PropTypes.func,
• renderItem : PropTypes.func.isRequired, //render item view

Thanks

• mochixuan