Векторные иконки для Android и IOS

Question

В https://www.npmjs.com/package/react-native-ionicons, нам даны два способа загрузки иконок для iOS и Android.Я попробовал оба подхода с v9.0.0 @ expo / vector-icons.

Я импортирую Ionicons с этим утверждением:

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

1. Удалите ios / md из имени

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

Я получаю приведенную ниже ошибку, которая также происходит с другими именами значков:

Предупреждение: сбойный тип пропуска: недопустимое имя пропуска значения, поставленного в Icon замкнутым кругом,ожидается один из ...

Если я передам свойства 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

Похоже, это был недосмотр с моей стороны. README для @ expo / vector-icons гласит:

Эта библиотека является слоем совместимости вокруг @ oblador / Reaction-native-vector-icons для работы с системой активов Expo.

Я не знаю, что заставило меня проверить документацию для https://www.npmjs.com/package/react-native-ionicons, но ясно, что опции, которые можно применить к нему, не предназначены для работы с @ oblador / реагировать-native-vector-icons и, таким образом, @ экспо / вектор-иконки ...

Для всех, кто интересуется кроссплатформенными иконками с expo / vector-icons, вы можете обратиться к вопросу и решению, предоставленным Как я могу создать кроссплатформенную иконку в реагировать нативно?

Answer 2

Так, предупреждение указывает на то, что введенное вами имя не соответствует значкам Ionicons.Двумя способами ее решения будет

1. Передача правильного имени компоненту.Чтобы найти все имена , зайдите сюда
2. импортируйте Ionicons из '@ expo / vector-icons / Ionicons'.

Надеюсь, если вам поможет!