1

我正在使用create-react-native-app。我想使用react-native-vector-icons

但它没有在 android 屏幕上显示任何内容（我在 expo 应用程序上查看它）

这是我所做的：

应用程序.js：

       const Courses = TabNavigator({
  ReactCourses: { screen: ReactCourses },
  NativeCourses: { screen: NativeCourses },
}, {
  tabBarOptions: {
    activeTintColor: '#e91e63',
    swipeEnabled: true,
    showIcon:true,
  },
});

ReactCourses.js：

     import Icon from 'react-native-vector-icons/MaterialIcons';
    static navigationOptions = {
    tabBarLabel: 'React Courses',
    tabBarIcon:({ tintColor }) => (
        <Icon
          name={'home'}
          size={26}
          style={[styles.icon, {color: tintColor}]} />
      )

  }
4

3 回答 3

10

在 android/app/build.gradle 中添加以下内容

申请自：“../../node_modules/react-native-vector-icons/fonts.gradle”

然后执行命令

react-native run-android

于 2018-01-22T18:06:03.763 回答
2

使用 Create React Native App 时，不能react-native link与原生模块包一起使用。因为 CRNA 项目是在 Expo 客户端应用程序中加载的，所以您需要按照相关文档来获取在您的项目中工作的矢量图标。

另外，请确保您使用的是 Expo 预设.babelrc。它应该看起来像模板项目中提供的那个。

于 2017-05-02T19:09:30.113 回答
-1

我认为您所做的只是一半，所以在运行npm install之后您是否通过运行将项目与第三方的本机代码链接起来react-native link？如果是，您是否通过转到 android studio 并点击播放按钮来重建项目？如果是，那么只需重新启动您的打包程序，我们就可以开始了...

干杯:)

于 2017-04-29T20:06:37.820 回答