feat: Replace tag font size for a style text prop

Author: AugustoAleGon

README.md

@@ -159,9 +159,11 @@ The component takes 3 compulsory props - `items`, `uniqueKey` and `onSelectedIte
 | styleSelectorContainer | No | (Style) Style the Container of the Selector when user clicks on the dropdown|
 | 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 |
 | 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  |
+| tagContainerStyle | No | (Style) Style the container of the tag view |
 | tagRemoveIconColor | No      | (String) Color to be used for the remove icon in selected items list |
 | tagTextColor | No  | (String) Text color for selected items list |
 | textColor | No     | (String) Color for selected item name displayed as label for multiselect  |

lib/react-native-multi-select.js

@@ -41,7 +41,6 @@ export default class MultiSelect extends Component {
     tagBorderColor: PropTypes.string,
     tagTextColor: PropTypes.string,
     tagContainerStyle: ViewPropTypes.style,
-    tagFontSize: PropTypes.number,
     fontFamily: PropTypes.string,
     tagRemoveIconColor: PropTypes.string,
     onSelectedItemsChange: PropTypes.func.isRequired,
@@ -65,6 +64,7 @@ export default class MultiSelect extends Component {
     styleSelectorContainer: ViewPropTypes.style,
     styleTextDropdown: Text.propTypes.style,
     styleTextDropdownSelected: Text.propTypes.style,
+    styleTextTag: Text.propTypes.style,
     altFontFamily: PropTypes.string,
     hideSubmitButton: PropTypes.bool,
     hideDropdown: PropTypes.bool,
@@ -178,11 +178,11 @@ export default class MultiSelect extends Component {
       tagContainerStyle,
       tagRemoveIconColor,
       tagBorderColor,
-      tagFontSize,
       uniqueKey,
       tagTextColor,
       selectedItems,
-      displayKey
+      displayKey,
+      styleTextTag
     } = this.props;
     const actualSelectedItems = optionalSelectedItems || selectedItems;
     return actualSelectedItems.map(singleSelectedItem => {
@@ -207,8 +207,9 @@ export default class MultiSelect extends Component {
               {
                 flex: 1,
                 color: tagTextColor,
-                fontSize: tagFontSize || 15
+                fontSize: 15
               },
+              styleTextTag && styleTextTag,
               fontFamily ? { fontFamily } : {}
             ]}
             numberOfLines={1}