zoriya/expo-vector-icons
1
0
Fork 0
mirror of https://github.com/zoriya/expo-vector-icons.git synced 2026-06-06 20:02:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Export the button component

Browse Source 
fbshipit-source-id: cf0b223
This commit is contained in:
Brent Vatne
2016-07-10 03:27:59 +00:00
committed by Exponent GitHub Bot
parent 6bd475399a
commit 5f91b3f62d
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
createIconSet.js
+11 -6
View File
@@ -2,15 +2,16 @@ import React from 'react';
import { View } from 'react-native';
import { Font } from 'exponent';
import createIconSet from 'react-native-vector-icons/lib/create-icon-set';
import createIconButtonComponent from 'react-native-vector-icons/lib/icon-button';
export default function(glyphMap, fontName, exponentAssetId) {
const exponentFontName = Font.style(fontName, {ignoreWarning: true}).fontFamily;
const fontId = {[fontName]: exponentAssetId};
let OriginalIcon = createIconSet(glyphMap, exponentFontName, 'n/a');
const font = {[fontName]: exponentAssetId};
const RNVIconComponent = createIconSet(glyphMap, exponentFontName, 'n/a');
class Icon extends React.Component {
static propTypes = OriginalIcon.propTypes;
static defaultProps = OriginalIcon.defaultProps;
static propTypes = RNVIconComponent.propTypes;
static defaultProps = RNVIconComponent.defaultProps;
state = {
fontIsLoaded: Font.isLoaded(fontName),
@@ -18,7 +19,7 @@ export default function(glyphMap, fontName, exponentAssetId) {
async componentWillMount() {
if (!this.state.fontIsLoaded) {
await Font.loadAsync(fontId);
await Font.loadAsync(font);
this.setState({fontIsLoaded: true});
}
}
@@ -35,7 +36,7 @@ export default function(glyphMap, fontName, exponentAssetId) {
}
return (
<OriginalIcon
<RNVIconComponent
ref={view => { this._icon = view; }}
{...this.props}
/>
@@ -43,5 +44,9 @@ export default function(glyphMap, fontName, exponentAssetId) {
}
}
Icon.Button = createIconButtonComponent(Icon);
Icon.glyphMap = glyphMap;
Icon.font = font;
return Icon;
}