Merge pull request #132 from robertqin86/master

feat: Include customisable tag container and tag font size

Author: AugustoAleGon

lib/react-native-multi-select.js

@@ -40,6 +40,8 @@ export default class MultiSelect extends Component {
     uniqueKey: PropTypes.string,
     tagBorderColor: PropTypes.string,
     tagTextColor: PropTypes.string,
+    tagContainerStyle: ViewPropTypes.style,
+    tagFontSize: PropTypes.number,
     fontFamily: PropTypes.string,
     tagRemoveIconColor: PropTypes.string,
     onSelectedItemsChange: PropTypes.func.isRequired,
@@ -170,17 +172,19 @@ export default class MultiSelect extends Component {
     return find(items, singleItem => singleItem[uniqueKey] === itemKey) || {};
   };
 
-  _displaySelectedItems = optionalSelctedItems => {
+  _displaySelectedItems = optionalSelectedItems => {
     const {
       fontFamily,
+      tagContainerStyle,
       tagRemoveIconColor,
       tagBorderColor,
+      tagFontSize,
       uniqueKey,
       tagTextColor,
       selectedItems,
       displayKey
     } = this.props;
-    const actualSelectedItems = optionalSelctedItems || selectedItems;
+    const actualSelectedItems = optionalSelectedItems || selectedItems;
     return actualSelectedItems.map(singleSelectedItem => {
       const item = this._findItem(singleSelectedItem);
       if (!item[displayKey]) return null;
@@ -193,7 +197,8 @@ export default class MultiSelect extends Component {
               justifyContent: 'center',
               height: 40,
               borderColor: tagBorderColor
-            }
+            },
+            tagContainerStyle || {}
           ]}
           key={item[uniqueKey]}
         >
@@ -202,7 +207,7 @@ export default class MultiSelect extends Component {
               {
                 flex: 1,
                 color: tagTextColor,
-                fontSize: 15
+                fontSize: tagFontSize || 15
               },
               fontFamily ? { fontFamily } : {}
             ]}