Я создал пакет шрифтов из инструмента Icomoon, чтобы иметь возможность использовать его в моем приложении-реактиве.Черно-белые значки, кажется, загружаются просто отлично, но цветные значки ломаются и становятся черно-белыми, пока находятся в приложенииЯ делаю следующее, чтобы добавить его (я также добавил его вручную на XCode в папке Resources, там все связано)
import { createIconSetFromIcoMoon } from 'react-native-vector-icons';
import icomoonConfig from './../selection.json';
const Icomoon = createIconSetFromIcoMoon(icomoonConfig, 'icomoon', 'icomoon.ttf');
const icomoon = {
'book': [30],
'book-color': [30],
'find': [30],
'find-color': [30],
'match': [30],
'match-color': [30],
'megaphone': [30],
'megaphone-color': [30]
}
const icomoonLoaded = new Promise((resolve, reject) => {
Promise.all(
Object.keys(icomoon).map(iconName =>
Icomoon.getImageSource(
iconName.replace(replaceSuffixPattern, ''),
icomoon[iconName][0],
icomoon[iconName][1]
)
),
).then(sources => {
Object.keys(icomoon)
.forEach((iconName, idx) => (
iconsMap[iconName] = sources[idx]
));
resolve(true);
});
});
export {
iconsMap,
icomoonLoaded
};
Когда я импортирую их на страницу, загружаются цветныехорошо, хотя, он показывает информацию "Многоцветный" рядом с каждым значком, как будто это было неправильно, или я должен обрабатывать это по-другому?
В документах для векторных иконок с icomoon об этом мало информации.
У кого-нибудь есть идея, почему это происходит?Спасибо.