Added styling prop "styleIndicator" to change the styling of indicator Icon. Used it wherever styles.indicator was used.

Author: SyedTayyabUlMazhar

README.md

@@ -161,6 +161,7 @@ The component takes 3 compulsory props - `items`, `uniqueKey` and `onSelectedIte
 | styleTextDropdown | No | (Text Style) Style text of the Dropdown |
 | styleTextDropdownSelected | No | (Text Style) Style text of the Dropdown selected |
 | styleTextTag | No | (Text Style) Style text of the tag |
+| styleIndicator | No | (Style) Style the Icon for indicator |
 | submitButtonColor | No   | (String) Background color for submit button  |
 | submitButtonText | No   | (String) Text displayed on submit button  |
 | tagBorderColor | No      | (String) Border color for each selected item  |

lib/react-native-multi-select.js

@@ -65,6 +65,7 @@ export default class MultiSelect extends Component {
     styleTextDropdown: Text.propTypes.style,
     styleTextDropdownSelected: Text.propTypes.style,
     styleTextTag: Text.propTypes.style,
+    styleIndicator: ViewPropTypes.style,
     altFontFamily: PropTypes.string,
     hideSubmitButton: PropTypes.bool,
     hideDropdown: PropTypes.bool,
@@ -572,7 +573,8 @@ export default class MultiSelect extends Component {
       styleSelectorContainer,
       styleTextDropdown,
       styleTextDropdownSelected,
-      searchIcon
+      searchIcon,
+      styleIndicator,
     } = this.props;
     const { searchTerm, selector } = this.state;
     return (
@@ -613,7 +615,8 @@ export default class MultiSelect extends Component {
                     name="menu-down"
                     style={[
                       styles.indicator,
-                      { paddingLeft: 15, paddingRight: 15 }
+                      { paddingLeft: 15, paddingRight: 15 },
+                      styleIndicator && styleIndicator,
                     ]}
                   />
                 </TouchableOpacity>
@@ -714,7 +717,10 @@ export default class MultiSelect extends Component {
                     </Text>
                     <Icon
                       name={hideSubmitButton ? 'menu-right' : 'menu-down'}
-                      style={styles.indicator}
+                      style={[
+                        styles.indicator,
+                        styleIndicator && styleIndicator,
+                      ]}
                     />
                   </View>
                 </TouchableWithoutFeedback>