反应本机矢量图标显示 X 而不是图标

Question

我好像想不通。我可以得到一些东西来展示，但它是一个带有 X 的盒子，所以我假设它没有拾取矢量图标。有什么建议吗？

我有 true 显示图标，我有色调颜色，我有矢量图标（我已经尝试了 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 与 react-native-向量链接起来。

Answer 2

我用的是react-native 0.62版本，我也遇到了这个错误。虽然 0.60+ 版本的 react native 提供了 auto-linking 功能，但对于 react-native-vector-icons 这是一个例外。您需要手动 link 它。要解决它，请按照以下步骤操作

rm -rf node_modules
纱线
yarn react-native link

希望对您有所帮助。

反应本机矢量图标显示 X 而不是图标

react native vector icons showing X instead of icon

react-native

react-native-vector-icons