this is a Component that can change the order of children component in itself.
npm install react-native-portable-view -save
import PortableView from 'react-native-portable-view';
class Demo extends Component {
render() {
return (
<PortableView/>
)
}
}
<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) =>{}}
/>
-
renderContent
(Function) render the content of PortableView -
positionHasBeenChanged
(Function) callback when order changed. -
setPanResponderHandler
(Function) callback when one Cell became the panResponderHandler.