为什么没有出现矢量图标？答案

【问题标题】：Why does the vector-icon not appear?为什么没有出现矢量图标？
【发布时间】：2020-07-18 20:24:01
【问题描述】：

我的主页标题中有一个图标，但图标没有出现，只有一个白色的 X。我该怎么办？

function HomePage({navigation}) {
  useEffect(() => {
    navigation.setOptions({
      headerRight: () => (
        <TouchableWithoutFeedback onPress={() => navigation.navigate('Menu')}>
          <Icon name="accessibility" color="white" />
        </TouchableWithoutFeedback>
      ),
      headerStyle: {
        backgroundColor: "black"
      }
    });
  }, []);

【问题讨论】：

你更新你的 android/app/build.gradle 文件并链接字体了吗？
您也可以尝试将 type="MaterialIcons" 添加到 Icon 标签中。

标签： javascript reactjs react-native react-native-vector-icons

【解决方案1】：

尝试添加/app/build.gradle 申请自："../../node_modules/react-native-vector-icons/fonts.gradle" 然后重建应用程序并从手机中卸载应用程序并重新安装。

抱歉，之前的答案是针对 expo 用户的。

【讨论】：

"元素类型无效：应为字符串或类/函数，但未定义。检查 TouchableWithoutFeedback 中 HeaderSegment 的渲染方法。"导入为“import { MaterialIcons } from 'react-native-elements';”