反應本機矢量圖標

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 后，您必須始終運行以下命令：

反應原生鏈接

否則不會出現圖標