React Native 矢量图标无法显示。

Question

我正在使用React Native版本0.67.3。

我安装了矢量图标并在android/app/build.gradle中添加了以下内容：apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

但是图标没有显示。

- Siddarth

Answer 1

使用最新版本

"react-native-vector-icons": "^9.1.0",

您可以通过以下命令添加最新版本的IT:

npm install react-native-vector-icons@latest

对于Android，

在您的 android -> app -> build.gradle 中编写以下行：

project.ext.vectoricons = [
    iconFontNames: [ 'MaterialIcons.ttf', 'FontAwesome.ttf', 'MaterialCommunityIcons.ttf', 'Ionicons.ttf'] // Name of the font files you want to copy
]
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

iOS相关内容：

cd ios & pod install

使用

从'react-native-vector-icons/MaterialCommunityIcons'导入Icon;

注意: 从https://oblador.github.io/react-native-vector-icons/中提供确切的图标名称。

- Nensi Kardani

Answer 2

我有同样的问题，但当我使用

<Text><Ionicons/><Text>

图标将显示在导航栏中。

- Victor hsu