Add underlayColor props to SocialIcon

flyingcircle · Nov 23, 2017 · f973972 · f973972
1 parent 40f4df3
commit f973972
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/docs/API/social_icons.md b/docs/API/social_icons.md
@@ -66,6 +66,7 @@ import { SocialIcon } from 'react-native-elements'
 | iconStyle | none | object (style) | extra styling for icon component (optional) |
 | style | none | object (style) | button styling (optional) |
 | iconColor | white | string | icon color (optional) |
+| underlayColor | none | string | underlay color (optional) |
 | iconSize | 24 | number | icon size (optional) |
 | component | TouchableHighlight | React Native Component | type of button (optional)  |
 | fontFamily | System font bold (iOS), Sans Serif Black (android) | string | specify different font family (optional) |

diff --git a/src/social/SocialIcon.js b/src/social/SocialIcon.js
@@ -54,6 +54,7 @@ const SocialIcon = props => {
     iconStyle,
     style,
     iconColor,
+    underlayColor,
     title,
     raised,
     light,
@@ -81,7 +82,7 @@ const SocialIcon = props => {
   return (
     <Component
       {...attributes}
-      underlayColor={light ? 'white' : colors[type]}
+      underlayColor={light ? 'white' : underlayColor || colors[type]}
       onLongPress={disabled ? null : onLongPress || log}
       onPress={(!disabled || log) && (onPress || log)}
       disabled={disabled || false}
@@ -137,6 +138,7 @@ SocialIcon.propTypes = {
   iconStyle: ViewPropTypes.style,
   style: ViewPropTypes.style,
   iconColor: PropTypes.string,
+  underlayColor: PropTypes.string,
   title: PropTypes.string,
   raised: PropTypes.bool,
   disabled: PropTypes.bool,