react-native - 反应本机矢量图标

Question

我正在开发一个移动应用程序，并希望添加一个反应原生矢量图标组件。问题是图标没有出现——它似乎是不可见的。它知道它的存在是因为它影响了附近共享同一个 flexbox 的元素。

以下是进口：

import React from "react";
import { Image, Text, View, Pressable } from "react-native";
import Icon from "react-native-vector-icons/Ionicons";
import { styles } from "./styles";

这是我的代码中我介绍图标的特定位置

<Icon name="checkbox-outline" size={40} color='black'/>

以及使用它的更广泛的“发布”功能

后功能

为了给出一些上下文，这个函数是一个“帖子”，人们会在“提要”上看到。想想推特或 Instagram。

这也是多次调用此 post 函数时结果的屏幕截图。请注意，图标应显示在每个帖子的左下角。并且按钮（其行 flex 为 1）没有覆盖整个宽度，表明图标存在但不可见。

结果

出了什么问题？

标签： react-nativemobilefrontendiconsreact-native-vector-icons

Answer 1

安装React-native-vector-icons后，您必须始终运行此命令：

反应原生链接

否则图标不会出现