为什么要求react-native-icons失败？

Question

我在ios应用中创建了一个标签栏，我想尝试一下react-native-icons。

我按照GitHub page上的步骤操作，自定义标签栏上的部分以：

开头

var { TabBarIOS, } = require('react-native-icons');

我在模拟器中收到以下错误。它如何在require语句中解析此模块的路径？

我也注意到libReactNativeIcons.a下 图书馆 - ＆gt; ReactNativeIcons.xcodeproj - ＆gt;产品是红色的，不存在。

建议？

Answer 1

1. 确保您已正确链接库。请参阅此处的说明：https://github.com/corymsmith/react-native-icons#getting-started---ios

  

入门 - iOS

     

    

在XCode中，在项目导航器中右键单击Libraries➜将文件添加到[您的项目名称]

         

转到node_modules➜response-native-icons➜io并添加ReactNativeIcons.xcodeproj     将libReactNativeIcons.a（从ReactNativeIcons.xcodeproj下的'Products'）添加到项目的构建阶段➜链接二进制库和库阶段

         

将要使用的字体文件添加到项目的Copy Bundle Resources构建阶段（单击“+”并单击“Add Other ...”，然后从node_modules / react-native-icons /中选择字体文件IOS / ReactNativeIcons /库/ FontAwesomeKit）。

         

运行您的项目（Cmd + R）

  

1. 在您的react-native应用程序中包含该模块

使用{ Icon, } = require('react-native-icons');包含模块并在您的应用程序中使用它：

<Icon
  name='ion|beer'
  size={40}
  color='#887700'
  style={styles.beer}
/>

在这里查看示例项目：https://github.com/corymsmith/react-native-icons/blob/master/Example/index.ios.js

修改 要在标签栏中使用它，请尝试以下方法：

var { Icon, TabBarIOS} = require('react-native-icons');
var TabBarItemIOS = TabBarIOS.Item;

[... and then inside your `<TabBarIOS>` ...]

<TabBarItemIOS
   name="home"
   iconName={'ion|ios-home-outline'}
   selectedIconName={'ion|ios-home'}
   title={''}
   badgeValue={'3'}
   iconSize={32}
   accessibilityLabel="Home Tab"
   selected={this.state.selectedTab === 'home'}
   onPress={() => {
     this.setState({
       selectedTab: 'home',
     });
   }}>

下载并运行示例应用程序可能会有所帮助。