react-native - 反应原生矢量图标显示 X 而不是图标

Question

我似乎无法弄清楚这一点。我可以展示一些东西，但它是一个带有 X 的盒子，所以我假设它没有拾取矢量图标。有什么建议吗？

我的显示图标是真的，我有色调，我有矢量图标（我已经尝试过 ionicons 和 font awesome，但无济于事。

代码：

import React, { Component} from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { createBottomTabNavigator, createAppContainer } from 'react- 
navigation';
import Icon from 'react-native-vector-icons/FontAwesome';

class HomeScreen extends Component {

    static navigationOptions = {
        title: 'Home'
    };

 render(){
     return (
         <View style={{ flex:1, alignItems:'center', justifyContent:'center' 
         }}>
             <Text>Home Screen</Text>
         </View>
     );
  }
  }

  const RootStack = createBottomTabNavigator(
      {
          Home: {
              screen: HomeScreen,
              navigationOptions: {
              tabBarLabel: 'Home',
              tabBarIcon: ({ tintColor }) => (
                  <Icon name = 'home' size={25} color={tintColor} />
              )
          }
      },
   },

   {
        tabBarOptions: {
        showIcon:true,
        tintColor:'red'
   }
  }
  );

  const AppContainer = createAppContainer(RootStack);

  const styles = StyleSheet.create({

 })

export default class App extends Component{
   render(){
   return <AppContainer />;
   }
}

Answer 1

我正在使用 react-native 版本 0.62，我也遇到了这个错误。尽管 0.60+ 版本的 react native 提供了自动链接功能，但对于 react-native-vector-icons 来说这是一个例外。您需要手动链接它。要解决它，请按照以下步骤操作

1. rm -rf 节点模块
2. 纱
3. 纱线反应本机链接

希望有帮助。

Answer 2

修复了这个。一旦我意识到它是向量，我只是将 react-native 与 react-native-vectors 联系起来。