From 6e8ebec725bfd97d2d5600fa2f211f136047f40f Mon Sep 17 00:00:00 2001 From: Behnam Mohammadi Date: Sat, 13 Mar 2021 15:42:05 +0330 Subject: [PATCH 1/3] feat: you can override drawer style by passing drawerStyle prop --- README.md | 4 ++++ index.js | 5 ++++- 2 files changed, 8 insertions(+), 1 deletion(-) 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..7c47c24 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: () => {}, From 187814aafa355ff930992932c97fcc3716c1fe5f Mon Sep 17 00:00:00 2001 From: Behnam Mohammadi Date: Tue, 16 Mar 2021 16:12:37 +0330 Subject: [PATCH 2/3] fix: remove unnecessary speard --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index 7c47c24..dcd62c1 100755 --- a/index.js +++ b/index.js @@ -156,7 +156,7 @@ class DraggableView extends Component { { backgroundColor: this.props.drawerBg }, - ...this.props.drawerStyle + this.props.drawerStyle ]} ref={center => (this.center = center)} {...this._panGesture.panHandlers} From 5cb9dca513b3a8ed0085b6b7762270cbbc11e7d1 Mon Sep 17 00:00:00 2001 From: Behnam Mohammadi Date: Wed, 17 Mar 2021 17:53:26 +0330 Subject: [PATCH 3/3] fix: typo --- index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.js b/index.js index dcd62c1..a2b7ea0 100755 --- a/index.js +++ b/index.js @@ -197,7 +197,7 @@ var styles = StyleSheet.create({ DraggableView.propTypes = { drawerBg: PropTypes.string, - drawerStyle: PropTypes.shape, + drawerStyle: PropTypes.shape(), finalDrawerHeight: PropTypes.number, isInverseDirection: PropTypes.bool, onInitialPositionReached: PropTypes.func,