Merge pull request #14 from EricWiener/add-search-container-styles

Add search container style prop for GorgeousHeader

Author: FreakyCoder

README.md

@@ -149,6 +149,7 @@ import { ClassicHeader } from "@freakycoder/react-native-header-view";
 | searchIcon          |  asset   |            default             | set your own icon for the search one                                    |
 | titleTextStyle      |  style   |            default             | set your own style for title text                                       |
 | subtitleTextStyle   |  style   |            default             | set your own style for subtitle text                                    |
+| searchBarStyle      |  style   |            default             | set your own style for search text input container                      |
 | searchInputStyle    |  style   |            default             | set your own style for search text input                                |
 | menuImageStyle      |  style   |            default             | set your own style for hamburger menu image                             |
 | menuImageSource     |  asset   |            default             | set your own image instead of default hamburger menu image              |

lib/src/components/GorgeousHeader/GorgeousHeader.js

@@ -46,6 +46,7 @@ class GorgeousHeader extends Component {
       subtitle,
       searchIcon,
       titleTextStyle,
+      searchBarStyle,
       searchInputStyle,
       subtitleTextStyle,
     } = this.props;
@@ -55,7 +56,7 @@ class GorgeousHeader extends Component {
         <Text style={subtitleTextStyle || styles.subtitleTextStyle}>
           {subtitle}
         </Text>
-        <View style={styles.searchBarStyle}>
+        <View style={searchBarStyle || styles.searchBarStyle}>
           <Image
             style={styles.searchImageStyle}
             source={searchIcon || searchImage}