Вопросительный знак отображается в виде значка в приложении для реагирования - PullRequest
0 голосов
/ 10 января 2020

Я пытаюсь использовать Icon в своем собственном проекте, поэтому я установил:

1. npm install react-native-vector-icons --save

2. react-native link react-native-vector-icons

После этой части все значки добавлены в android/app/sec/main/assets/fonts:

ls -l /media/groot/Project/React\ Native/Practices/RNheader/android/app/src/main/assets/fonts
total 1976
-rwxrwxrwx 1 groot groot  70344 Jan  9 16:45 AntDesign.ttf
-rwxrwxrwx 1 groot groot  65584 Jan  9 16:45 Entypo.ttf
-rwxrwxrwx 1 groot groot  13456 Jan  9 16:45 EvilIcons.ttf
-rwxrwxrwx 1 groot groot  58272 Jan  9 16:45 Feather.ttf
-rwxrwxrwx 1 groot groot 125016 Jan  9 16:45 FontAwesome5_Brands.ttf
-rwxrwxrwx 1 groot groot  34092 Jan  9 16:45 FontAwesome5_Regular.ttf
-rwxrwxrwx 1 groot groot 186228 Jan  9 16:45 FontAwesome5_Solid.ttf
-rwxrwxrwx 1 groot groot 165548 Jan  9 16:45 FontAwesome.ttf
-rwxrwxrwx 1 groot groot 313528 Jan  9 16:45 Fontisto.ttf
-rwxrwxrwx 1 groot groot  56976 Jan  9 16:45 Foundation.ttf
-rwxrwxrwx 1 groot groot 112472 Jan  9 16:45 Ionicons.ttf
-rwxrwxrwx 1 groot groot 546548 Jan  9 16:45 MaterialCommunityIcons.ttf
-rwxrwxrwx 1 groot groot 128180 Jan  9 16:45 MaterialIcons.ttf
-rwxrwxrwx 1 groot groot  28364 Jan  9 16:45 Octicons.ttf
-rwxrwxrwx 1 groot groot  54056 Jan  9 16:45 SimpleLineIcons.ttf
-rwxrwxrwx 1 groot groot  25552 Jan  9 16:45 Zocial.ttf

Я добавил в свой js файл вот так:

импортировать иконку из "Reaction-native-vector-icons / Ionicons";

Это мой файл:

import React from 'react';
import { View, Text, Button, StyleSheet } from 'react-native';
import Icon from "react-native-vector-icons/Ionicons";


export default HeaderView = () => {
    return (
        <View style={styles.headerStyle} >
            <View style={styles.columnStyle}>
                <Icon name="arrow-back" size={15}/>

            </View>
            <Text>Test</Text>
        </View>)
}

, но когда я запускаю проект на эмуляторе android, значок выглядит как ?: enter image description here

И я получил это предупреждение:

enter image description here

Это моя ошибка?

Мне кажется, я добавил правильное имя значка: enter image description here

Ответы [ 2 ]

1 голос
/ 10 января 2020

Вам необходимо использовать md-arrow-back вместо arrow-back.

Причина, указанная на веб-сайте Iconicons,

При использовании Ionicons без Ioni c Framework значок будет по умолчанию соответствовать стилю дизайна материалов. Чтобы указать стиль значка не по умолчанию, добавьте префикс платформы к атрибуту имени.

Это означает, что если вы не используете его в среде ioni c, вам необходимо добавить префикс md перед любым именем значка.

Вы можете проверить больше на странице использования из Iconicons .

1 голос
/ 10 января 2020

Это означает, что введенное вами имя стрелка назад недопустимо для этого значка, замените name="arrow-back" на name="md-arrow-back". Если вы действительно хотите использовать стрелка назад импорт из MaterialIcons вместо Ionicons

...