{"size": 1401, "ext": "js", "max_stars_repo_path": "App.js", "max_stars_repo_name": "guangqiang-liu/react-native-iconfont", "max_stars_repo_stars_event_min_datetime": "2017-11-02T12:57:48.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-01T10:55:50.000Z", "max_issues_repo_path": "App.js", "max_issues_repo_name": "msdgwzhy6/react-native-iconfont", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "App.js", "max_forks_repo_name": "msdgwzhy6/react-native-iconfont", "max_forks_repo_forks_event_min_datetime": "2017-11-02T12:58:00.000Z", "max_forks_repo_forks_event_max_datetime": "2021-03-02T02:02:07.000Z"}
{"max_stars_count": 5, "max_issues_count": null, "max_forks_count": 3, "avg_line_length": 31.1333333333, "max_line_length": 138, "alphanum_fraction": 0.6088508208}
/**
 * IconFontDemo
 * 作者Git：https://github.com/guangqiang-liu
 * 技术交流群：620792950
 * 作者QQ：1126756952
 * @guangqiang
 */

import React, { Component } from 'react'
import {
  StyleSheet,
  Text,
  View
} from 'react-native'

import {Icon} from './icon'
export default class App extends Component<{}> {
  render() {
    return (
      <View style={styles.container}>
        <Text>react-native-vector-icons 组件库中的字体库</Text>
        <View style={{height: 100, alignItems: 'center', justifyContent: 'space-around', borderWidth: 1, borderColor: 'red', width: 200}}>
          <Icon name={'fontAwesome|rocket'} size={20} color={'red'}/>
          <Icon name={'fontAwesome|facebook'} size={20} color={'orange'}/>
        </View>
        <Text style={{marginTop: 20}}>自定义的字体库</Text>
        <View style={{height: 200, alignItems: 'center', justifyContent: 'space-around', borderWidth: 1, borderColor: 'red', width: 200}}>
          <Icon name={'oneIcon|like_o'} size={20} color={'#dad'}/>
          <Icon name={'oneIcon|horn_playing_o'} size={20} color={'green'}/>
          <Icon name={'oneIcon|horn_paused_o'} size={20} color={'blue'}/>
          <Icon name={'oneIcon|nav_back_o'} size={20} color={'black'}/>
        </View>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  }
})