From e5069321d9d42234907a37512534844219a63307 Mon Sep 17 00:00:00 2001
From: JRK <jessym.reziga@gmail.com>
Date: Tue, 20 Feb 2018 10:01:26 +0100
Subject: [PATCH] itemBoxStyle should only override react-native-settings-list
 inner style

Property itemBoxStyle should only override react-native-settings-list inner style and not replace it totally
---
 index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.js b/index.js
index 00e7242..abfd12d 100644
--- a/index.js
+++ b/index.js
@@ -182,7 +182,7 @@ class SettingsList extends React.Component {
         <View style={item.itemBoxStyle ? item.itemBoxStyle : [styles.itemBox, {backgroundColor: item.backgroundColor ? item.backgroundColor : this.props.backgroundColor}]}>
           {item.icon}
           {item.isAuth ?
-            <View style={item.titleBoxStyle ? item.titleBoxStyle : [styles.titleBox, border]}>
+            <View style={[styles.titleBox, border, (item.titleBoxStyle || {})]}>
               <View style={{paddingLeft:5,flexDirection:'column',flex:1}}>
                 <View style={{borderBottomWidth:1,borderColor:this.props.borderColor}}>
                   <TextInput
@@ -207,7 +207,7 @@ class SettingsList extends React.Component {
               </View>
             </View>
           :
-          <View style={item.titleBoxStyle ? item.titleBoxStyle : [styles.titleBox, border, {minHeight:item.itemWidth ? item.itemWidth : this.props.defaultItemSize}]}>
+          <View style={[styles.titleBox, border, {minHeight:item.itemWidth ? item.itemWidth : this.props.defaultItemSize}, item.titleBoxStyle || {}) ]}>
             {titleInfoPosition === 'Bottom' ?
                 <View style={{flexDirection:'column',flex:1,justifyContent:'center'}}>
                     {item.isEditable ? this._itemEditableBlock(item, inde, 'Bottom') : this._itemTitleBlock(item, index, 'Bottom')}