Commit 4198d23

jcurtisgitim

authored and

committed

Add innerContainerStyle that styles the sortable section and not the header and footer (#92)

ok, thanks for contribution, will release it soon

1 parent 0896a6c commit 4198d23Copy full SHA for 4198d23

File tree

-3

lines changed

-3

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,7 @@ npm i react-native-sortable-list --save`
`29`	`29`	`- order? (Array) an array of keys from data, the order of keys from the array will be used to initial rows order`
`30`	`30`	`- style? (Object, Array)`
`31`	`31`	`- contentContainerStyle? (Object, Array) these styles will be applied to the inner scroll view content container`
	`32`	`+- innerContainerStyle? (Object, Array) these styles will be applied to the inner scroll view content container, excluding the header and footer`
`32`	`33`	`- horizontal? (boolean) when true, the SortableList's children are arranged horizontally in a row instead of vertically in a column. The default value is false.`
`33`	`34`	`- sortingEnabled? (boolean) when false, rows are not sortable. The default value is true.`
`34`	`35`	`- scrollEnabled? (boolean) when false, the content does not scrollable. The default value is true.`

Lines changed: 5 additions & 3 deletions

Original file line number	Diff line number	Diff line change
`@@ -15,10 +15,11 @@ uniqueRowKey.id = 0`
`15`	`15`
`16`	`16`	`export default class SortableList extends Component {`
`17`	`17`	`static propTypes = {`
`18`		`- data: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired,`
	`18`	`+ data: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired,`
`19`	`19`	`order: PropTypes.arrayOf(PropTypes.any),`
`20`	`20`	`style: ViewPropTypes.style,`
`21`	`21`	`contentContainerStyle: ViewPropTypes.style,`
	`22`	`+ innerContainerStyle: ViewPropTypes.style,`
`22`	`23`	`sortingEnabled: PropTypes.bool,`
`23`	`24`	`scrollEnabled: PropTypes.bool,`
`24`	`25`	`horizontal: PropTypes.bool,`
`@@ -173,12 +174,13 @@ export default class SortableList extends Component {`
`173`	`174`	`}`
`174`	`175`
`175`	`176`	`render() {`
`176`		`- const {contentContainerStyle, horizontal, style} = this.props;`
	`177`	`+ let {contentContainerStyle, innerContainerStyle, horizontal, style} = this.props;`
`177`	`178`	`const {animated, contentHeight, contentWidth, scrollEnabled} = this.state;`
`178`	`179`	`const containerStyle = StyleSheet.flatten([style, {opacity: Number(animated)}])`
`179`		`- constinnerContainerStyle = [`
	`180`	`+ innerContainerStyle = [`
`180`	`181`	`styles.rowsContainer,`
`181`	`182`	`horizontal ? {width: contentWidth} : {height: contentHeight},`
	`183`	`+ innerContainerStyle`
`182`	`184`	`];`
`183`	`185`	`let {refreshControl} = this.props;`
`184`	`186`

Comments

(0)