【问题标题】: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';”
猜你喜欢
  • 1970-01-01
  • 2021-02-23
  • 2020-11-10
  • 1970-01-01
  • 2015-08-04
  • 2018-08-08
  • 2011-09-08
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多