Question

今天你们在react-native-vector-icons / FontAwesome方面有问题吗？我正在使用本机版本> 0.6，因此我认为问题不在于链接。

就像你们在图片中看到的那样，它没有显示我要的任何图标，我不知道发生了什么事...

这是我的android模拟器上显示的图片： Print-Scream-Icon-Not-Showing-up

import React from 'react'
import {View, Text, StyleSheet, TouchableOpacity} from 'react-native'
import Icon from 'react-native-vector-icons/FontAwesome'



export default function ActionButton(props) {

    return(
        <TouchableOpacity>
        <View style={styles.container}>
           
           <Icon name='plus' size={30} color='#777' />
           <Icon name='trash' size={30} color='#777' />
           <Icon name='search'  size={30} color='#777' />
        </View>
        </TouchableOpacity>
    )
}

const styles = StyleSheet.create({
    container:{
        justifyContent:'center',
        alignItems:'center',
        width:80,
        height:40,
        backgroundColor:'#FFF',
        elevation:9,
        marginTop:20,
        borderRadius:6,
        paddingVertical:15,
        marginBottom:10
       
    }
})

Answer 1

如果您正在使用expo，则可以这样编写：

import { FontAwesome } from "@expo/vector-icons";

<FontAwesome name="dollar" size={60} color={"green"} />

Answer 2

您可以尝试添加类似的loadFont函数吗？

ByteArraySerializer

Answer 3

因此，库react-native-vector-icons在react-native> 6.0上不支持自动链接，这意味着您必须运行命令npx react-native link react-native-vector-icons进行链接，链接重新运行后， android模拟器，一切都会正常。！特别感谢匿名帮助我的答案！！！

没有从react-native-vector-icons / FontAwesome加载图标

3 个答案: