机器人和ios的矢量图标

Question

在https://www.npmjs.com/package/react-native-ionicons中 ，我们有两种方法来加载ios和android的图标。 我用@ expo / vector-icons的v9.0.0尝试了这两种方法。

我用这个声明导入Ionicons：

import { Ionicons } from '@expo/vector-icons';

1. 从名称中删除ios / md

<Ionicons name="close-circle" size={25} style={{color: 'white'}} />

我得到以下错误，其他图标名称也会发生：

警告：失败的道具类型：无效道具名称的值闭合圈提供给图标，预期的一个...

2. 如果我传递ios / android属性，图标就不会显示，我没有得到警告，例如：

<Ionicons ios="ios-close-circle" android="md-close-circle" size={25} style={{color: 'white'}} />

我目前的修复是基于如何在本机中创建跨平台图标？ 。 我用：

<Ionicons name={${Platform.OS === "ios" ? "ios" : "md"}-close-circle} size={25} style={{color: 'white'}} />

有更简单的方法吗？

谢谢！

Answer 1

所以，警告提示你提供的名字与Ionicons的图标不符。 解决它的两种方法是

1. 将正确的名称传递给组件。 要查找所有名称， 请访问此处
2. 从'@ expo / vector-icons / Ionicons'导入Ionicons。

希望能帮到你！

Answer 2

看来这是对我的疏忽。 @ expo / vector-icons的README状态：

该库是@ oblador / react-native-vector-icons周围的兼容层，可与Expo资产系统配合使用。

我不知道是什么让我查看https://www.npmjs.com/package/react-native-ionicons的文档，但显然可以应用的选项并不适用于@ oblador / react -native-vector-icons和@ expo / vector-icons ...

对于任何对带有expo / vector-icons的跨平台图标感兴趣的人，您可以参考我如何在本机中创建跨平台图标提供的问题和解决方案？