我正在开发一个移动应用程序,并想添加一个 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 name="checkbox-outline" size={40} color='black'/>
以及使用它的更广泛的“发布”功能
为了提供一些上下文,此功能用于人们会在“提要”上看到的“帖子”。想想 Twitter 或 Instagram。
这里也是这个post函数被多次调用时结果的截图。请注意,图标应显示在每个帖子的左下角。并且按钮(行 flex 为 1)没有覆盖整个宽度,表明图标存在但不可见。
出了什么问题?