react-native - react 本 map 标

Question

有人尝试使用react-native-icons吗？我遵循以下步骤：


npm install react-native-icons @ latest-保存
在XCode中，在项目导航器中，右键单击Libraries➜Add Files to [您的项目名称]
转到node_modules➜react-native-icons➜ios并添加ReactNativeIcons.xcodeproj
将libReactNativeIcons.a（来自ReactNativeIcons.xcodeproj的“产品”）添加到项目的构建阶段➜使用库链接二进制文件阶段
将要使用的字体文件添加到项目的“复制捆绑资源”构建阶段（单击“ +”并单击“添加其他...”，然后从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并尝试进行多次构建，但是没有用。

Answer 1

首先，


react-native-icons自己的维护者指向更新并维护的react-native-vector-icons
显然，到目前为止，rnpm项目已合并为react-native。


换句话说，您的生活就像打字一样简单

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

而且您可能会很高兴*）

*）至少在我的机器上有效