35 lines
921 B
JavaScript
35 lines
921 B
JavaScript
|
import React from 'react';
|
||
|
|
import * as Font from 'expo-font';
|
||
|
|
import { createIconSetFromIcoMoon } from '@expo/vector-icons';
|
||
|
|
import { Icon } from 'galio-framework';
|
||
|
|
|
||
|
|
import argonConfig from '../assets/config/argon.json';
|
||
|
|
const ArgonExtra = require('../assets/font/argon.ttf');
|
||
|
|
const IconArgonExtra = createIconSetFromIcoMoon(argonConfig, 'ArgonExtra');
|
||
|
|
|
||
|
|
class IconExtra extends React.Component {
|
||
|
|
state = {
|
||
|
|
fontLoaded: false,
|
||
|
|
}
|
||
|
|
|
||
|
|
async componentDidMount() {
|
||
|
|
await Font.loadAsync({ ArgonExtra: ArgonExtra });
|
||
|
|
this.setState({ fontLoaded: true });
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
const { name, family, ...rest } = this.props;
|
||
|
|
|
||
|
|
if (name && family && this.state.fontLoaded) {
|
||
|
|
if (family === 'ArgonExtra') {
|
||
|
|
return <IconArgonExtra name={name} family={family} {...rest} />;
|
||
|
|
}
|
||
|
|
return <Icon name={name} family={family} {...rest} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default IconExtra;
|