react-native-split-pane

react-native-split-pane

Split pane

Install

npm i react-native-split-pane or yarn add react-native-split-pane

It depends on react-native-app-interface, so should execute pod install after install script

Shortcuts

Usage

import SplitPane from 'react-native-split-pane';

export default () => {
	function onChange(value) {
		console.log('onChange', value);
	}
	
	return (
		<SplitPane style={styles.container}
    		           separatorStyle={styles.separator}
    		           split="h"
    		           primary='first'
    		           defaultValue={100}
    		           min={50}
    		           max={300}
    		           onChange={onChange}
    		>
    			<View><Text>A</Text></View>
    			<View><Text>B</Text></View>
    		</SplitPane>
	);
}

Props

prop	type	required	default
split	'h' or 'v'	false	'h'
primary	'first' or 'second'	false	'first'
children	react-nodes	true
style	any	false
separatorStyle	any	false
separatorWidth	number	false	2
defaultValue	number	false
value	number	false
onChange	(value)=>void	false
min	number	false	0
max	number	false