Skip to content

README.md

Latest commit

 

History

History
44 lines (32 loc) · 1.03 KB

README.md

File metadata and controls

44 lines (32 loc) · 1.03 KB
Raw

PortibleView

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

Demo

Demo

Installation

npm install react-native-portableView -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 view
  • positionHasBeenChanged(Function(oldPosition,newPosition)) callback when order change
  • setPanResponderHandler(Function(obj,position,index)) callback when content become the panresponderhandler