有人尝试使用反应本机图标?我按照这些步骤:
> 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/300743.html>反馈 – 本土图标的维护者指向较新的&维持react-native-vector-icons
>显然,截至目前,rnpm项目已经合并为反应性.
换句话说,你的生活可以像打字一样简单
react-native install react-native-vector-icons react-native link react-native-vector-icons
你可能会很好* *
*)至少它在我的机器上工作