反应本机矢量图标

Question

我正在开发一个移动应用程序，并希望添加一个 react 本机矢量图标组件。 问题是图标没有显示出来——它似乎是不可见的。 它知道它在那里，因为它正在影响共享相同 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 的特定位置

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

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

后函数

为了提供一些上下文，此功能用于人们会在“提要”上看到的“帖子”。 想想 Twitter 或 Instagram。

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

结果

出了什么问题？

Answer 1

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

反应原生链接

否则不会出现图标