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
activityIndicatorStyle
button
Component
disabled
fontFamily
fontStyle
fontWeight
iconColor
iconSize
iconStyle
iconType
light
loading
onLongPress
onPress
raised
style
title
type
underlayColor
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 |