我正在尝试将图标应用到我的react本机项目中,因此我安装了:
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这是我的档案:
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模拟器上运行项目时,图标显示为?:

我收到这样的警告:

这就是我的错误吗?
我想我添加了正确的图标名称:

发布于 2020-01-10 10:04:29
发布于 2020-01-10 09:20:06
这意味着您提供的回箭头的名称对于该图标(将name="arrow-back"更改为name="md-arrow-back" )无效。如果您真的想使用箭头-back从MaterialIcons导入而不是Ionicons
https://stackoverflow.com/questions/59678532
复制相似问题