SocialIcon

SocialIcons are visual cues to online and social media networks.

Usage

import { SocialIcon } from 'react-native-elements'

// Icon
<SocialIcon
  type='twitter'
/>

<SocialIcon
  raised={false}
  type='gitlab'
/>

<SocialIcon
  light
  type='medium'
/>

<SocialIcon
  light
  raised={false}
  type='medium'
/>


// Button
<SocialIcon
  title='Sign In With Facebook'
  button
  type='facebook'
/>

<SocialIcon
  title='Some Twitter Message'
  button
  type='twitter'
/>

<SocialIcon
  button
  type='medium'
/>

<SocialIcon
  button
  light
  type='instagram'
/>

---

Props

• button
• Component
• disabled
• fontFamily
• fontStyle
• fontWeight
• iconColor
• iconSize
• iconStyle
• light
• loading
• onLongPress
• onPress
• raised
• style
• title
• type
• underlayColor

---

Reference

button

creates button (optional)

Type	Default
boolean	false

---

Component

type of button (optional)

Type	Default
React Native Component	TouchableHighlight

---

disabled

disable button (optional)

Type	Default
boolean	false

---

fontFamily

specify different font family (optional)

Type	Default
string	System font bold (iOS), Sans Serif Black (android)

---

fontStyle

specify text styling (optional)

Type	Default
object (style)	none

---

fontWeight

specify font weight of title if set as a button with a title

Type	Default
string	bold (ios), black(android)

---

iconColor

icon color (optional)

Type	Default
string	white

---

iconSize

icon size (optional)

Type	Default
number	24

---

iconStyle

extra styling for icon component (optional)

Type	Default
object (style)	none

---

light

reverses icon color scheme, setting background to white and icon to primary color

Type	Default
boolean	false

---

loading

shows loading indicator (optional)

Type	Default
boolean	false

---

onLongPress

onLongPress method (optional)

Type	Default
function	none

---

onPress

onPress method (optional)

Type	Default
function	none

---

raised

raised adds a drop shadow, set to false to remove

Type	Default
boolean	true

---

style

button styling (optional)

Type	Default
object (style)	none

---

title

title if made into a button (optional)

Type	Default
string	none

---

type

social media type (required)

Type	Default
social media type (angellist, codepen, envelope, etsy, facebook, flickr, foursquare, github-alt, github, gitlab, instagram, linkedin, medium, pinterest, quora, reddit-alien, soundcloud, stack-overflow, steam, stumbleupon, tumblr, twitch, twitter, google, google-plus-official, vimeo, vk, weibo, wordpress, youtube)	none

---

underlayColor

underlay color (optional)

Type	Default
string	none