Question

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

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

这是我做的：

App.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}]} />
      )

  }

Answer 1

使用Create React Native App时，无法将react-native link与本机模块包一起使用。由于CRNA项目已加载到Expo客户端应用程序中，因此您需要按照relevant documentation获取项目中的矢量图标。

另外，请确保您使用.babelrc中的世博预设。它应该看起来像the one provided in the template project。

Answer 2

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

申请来自：＆＃34; ../../ node_modules / react-native-vector-icons / fonts.gradle＆＃34;

然后执行命令

react-native run-android

Answer 3

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

干杯:)

图标不显示在屏幕上使用react-native-vector-icons的android

3 个答案: