react-native – 反应本机图标

前端之家收集整理的这篇文章主要介绍了react-native – 反应本机图标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有人尝试使用反应本机图标?我按照这些步骤:

> npm install react-native-icons @ latest –save
>在XCode中,在项目导航器中,右键单击库➜将文件添加到[您的项目名称]
>转到node_modules➜react-native-icons➜ios并添加ReactNativeIcons.xcodeproj
>将libReactNativeIcons.a(从“ReactNativeIcons.xcodeproj下的”Products“)添加到项目的构建阶段➜链接二进制库与库阶段
>将您要使用的字体文件添加到项目的“复制包资源”构建阶段(单击“’并单击”添加其他…“,然后从node_modules / react-native-icons / ios / Libraries中选择字体文件/ FontAwesomeKit).
运行你的项目(Cmd R)

我的代码

var React = require('react-native');
var Icon = require('FAKIconImage');
var { AppRegistry,StyleSheet,Text,View} = React;

class BringgersApp extends React.Component {

  constructor(props) {
    super(props);
  }

  render() {
    return(
      <View style={styles.container}>        
        <Text style={styles.welcome}>
          Welcome to Bringgers!          
        </Text>
        <Icon
          name='ion|beer'
          size={150}
          color='#887700'
          style={styles.beer} />       
      </View>
    )
  }
}

var styles = StyleSheet.create({
  container: {
    flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},welcome: {
    fontSize: 20,textAlign: 'center',margin: 10,instructions: {
    textAlign: 'center',color: '#333333',marginBottom: 5,});

React.AppRegistry.registerComponent('BringgersApp',function() { return BringgersApp });

我建立后,他说该文件不存在…

Font file doesn't exist

我清理DerivedData并尝试构建很多次,但不起作用.

首先,

>反馈 – 本土图标的维护者指向较新的&维持react-native-vector-icons
>显然,截至目前,rnpm项目已经合并为反应性.

换句话说,你的生活可以像打字一样简单

react-native install react-native-vector-icons
react-native link react-native-vector-icons

你可能会很好* *

*)至少它在我的机器上工作

原文链接:/react/300743.html

猜你在找的React相关文章