diff --git a/README.md b/README.md index 2264372..89f8389 100644 --- a/README.md +++ b/README.md @@ -30,6 +30,9 @@ $ npm i react-native-draggable-view --save )} + drawerStyle={{ + borderRadius: 16 + }} /> ``` @@ -45,4 +48,5 @@ $ npm i react-native-draggable-view --save | renderDrawerView | undefined | `View` | Pass as parameter a renderable react component to show as drawer. | |renderInitDrawerView| undefined | `View` | Pass as parameter a renderable react component to show as view can draggable | |finalDrawerHeight| 0 | `number` | The height position that the drawer will stop starting from top. Example: `finalDrawerHeight={100}` will stop the drawer at 100 pixels from reaching the top. | +|drawerStyle| undefined | ViewStyle | You can override drawer's style by passing style ex `drawerStyle={{ borderRadius: 16 }}`| diff --git a/index.js b/index.js index db039f5..a2b7ea0 100755 --- a/index.js +++ b/index.js @@ -155,7 +155,8 @@ class DraggableView extends Component { styles.drawer, { backgroundColor: this.props.drawerBg - } + }, + this.props.drawerStyle ]} ref={center => (this.center = center)} {...this._panGesture.panHandlers} @@ -196,6 +197,7 @@ var styles = StyleSheet.create({ DraggableView.propTypes = { drawerBg: PropTypes.string, + drawerStyle: PropTypes.shape(), finalDrawerHeight: PropTypes.number, isInverseDirection: PropTypes.bool, onInitialPositionReached: PropTypes.func, @@ -207,6 +209,7 @@ DraggableView.propTypes = { DraggableView.defaultProps = { drawerBg: "white", + drawerStyle: undefined, finalDrawerHeight: 0, isInverseDirection: false, onInitialPositionReached: () => {},