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
buttonComponentdisabledfontFamilyfontStylefontWeighticonColoriconSizeiconStyleiconTypelightloadingonLongPressonPressraisedstyletitletypeunderlayColor
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 |
iconType
type of icon set. Supported sets here.
| Type | Default |
|---|---|
| string | font-awesome |
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 |