реагировать на собственные элементы значок стрелки вправо не работает

Question

Я использую библиотеку react-native-elements и пытаюсь показать значок Entypo со стрелкой вправо в одном из моих компонентов, но имя 'arrow-right' не работает. Вместо этого я вижу вопросительный знак.

<Icon name="arrow-right" size={20} color="black" />                        

Я получил имя значка отсюда: https://oblador.github.io/react-native-vector-icons/.

вывод

Answer 1

Импорт Icon из react-native-elements на самом деле является правильным способом сделать это, поскольку вы получаете доступ к дополнительным свойствам, которые предоставляет react-native-elements (например, как свойство raised). Проблема заключалась в том, что вам нужно было указать type. Свойство type определяет, какой набор значков будет использоваться.

import { Icon } from 'react-native-elements'

<Icon name="arrow-right" size={20} color="black" type="entypo" />

Здесь перечислены все доступные наборы значков и свойства: https://react-native-elements.github.io/react-native-elements/docs/icon.