From 16ac9683b68c1bea9261a2811e993f50d2565d02 Mon Sep 17 00:00:00 2001
From: sergiulucaci <sergius.lucaci@gmail.com>
Date: Wed, 5 Aug 2020 08:58:55 +0300
Subject: [PATCH] Update index.js

* Apply style property to container
* Add support for custom highlight border width
---
 index.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 9f14202..1aa7599 100644
--- a/index.js
+++ b/index.js
@@ -25,6 +25,7 @@ export default class ScrollPicker extends Component {
         onValueChange:PropTypes.func,
         renderItem:PropTypes.func,
         highlightColor:PropTypes.string,
+        highlightBorderWidth:PropTypes.number,
 
         itemHeight:PropTypes.number,
         wrapperHeight:PropTypes.number,
@@ -58,6 +59,7 @@ export default class ScrollPicker extends Component {
         let highlightWidth = (this.props.style ? this.props.style.width : 0) || deviceWidth;
         let highlightColor = this.props.highlightColor || '#333';
         let wrapperStyle = {
+            ...this.props.style,
             height:this.wrapperHeight,
             flex:1,
             backgroundColor:this.props.wrapperColor ||'#fafafa',
@@ -71,8 +73,8 @@ export default class ScrollPicker extends Component {
             width:highlightWidth,
             borderTopColor:highlightColor,
             borderBottomColor:highlightColor,
-            borderTopWidth:StyleSheet.hairlineWidth,
-            borderBottomWidth:StyleSheet.hairlineWidth,
+            borderTopWidth:this.props.highlightBorderWidth || StyleSheet.hairlineWidth,
+            borderBottomWidth:this.props.highlightBorderWidth || StyleSheet.hairlineWidth,
         };
 
         return (