react-native-portable-view

PortibleView

this is a Component that can change the order of children component in itself.

Demo

Installation

npm install react-native-portable-view -save

Documentaion

Usage

import PortableView from 'react-native-portable-view';
	
class Demo extends Component {
	render() {
    	return (
        <PortableView/>
    	)	
      }
 }
 

Examples

 <PortableView
          style={{flex:1,width:375,flexWrap:'wrap',alignItems:'center',flexDirection:'row',backgroundColor:'#dbdbdb',height:500,marginTop:20}}
          data={SECTIONS}
          renderContent={this.renderContent.bind(this)}
          positionHasBeenChanged={(position1,position2) => {}}
          setPanResponderHandler={(obj,position,index) =>{}}
        />

Props

• renderContent(Function) render the content of PortableView
• positionHasBeenChanged(Function) callback when order changed.
• setPanResponderHandler(Function) callback when one Cell became the panResponderHandler.