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#
activityIndicatorStylebuttonComponentdisabledfontFamilyfontStylefontWeighticonColoriconSizeiconStyleiconTypelightloadingonLongPressonPressraisedstyletitletypeunderlayColor
Reference#
activityIndicatorStyle#
style to render when in loading state
| Type | Default |
|---|---|
| object | none |
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, facebook-messenger, 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, whatsapp, wordpress, youtube) | none |
underlayColor#
underlay color (optional)
| Type | Default |
|---|---|
| string | none |