为什么我的反应图标不能正常工作？

Question

附件是下面的代码，我正在制作的一个小应用程序的反应本地人。我试图使用的反应图标，但由于某种原因，他们没有工作，并懒惰，为什么。我导入了他们和所有的东西，他们应该是工作的，但我不断地得到这个错误。

有人知道为什么我的反应图标不能正常工作吗？提前谢谢。

import { View, Text, SafeAreaView, Image } from 'react-native';
import React, { useLayoutEffect } from 'react';
import { useNavigation } from '@react-navigation/native';
import { FaBeer } from 'react-icons/fa';

const HomeScreen = () => {
    const navigation = useNavigation();

    useLayoutEffect(() => {
            navigation.setOptions({
                headerShown: false,
            });
    }, []);

  return (
    <SafeAreaView>
        <Text className="text-red-500">
            <View className="flex-row pb-3 items-center mx-4 space-x-2">
                <Image
                    source={{
                        url:"https://links.papareact.com/wru",
                    }}
                    className="h-7 w-7 bg-gray-300 p-4 rounded-full"
                />
        
                <View>
                    <Text className="font-bold text-gray-400 text-xs">
                        Deliver Now
                    </Text>
                    <Text className="font-bold text-xl">Current Location
                        <FaBeer />
                    </Text>
                </View>
            </View>
        </Text>
    </SafeAreaView>
  );
};

export default HomeScreen;

Answer 1

react图标不适用于react本机(我认为)。您需要使用react本机矢量图标(https://www.npmjs.com/package/react-native-vector-icons)。

Answer 2

您不能使用普通的react图标，因为在react中，本机图标可以是图像，也可以是SVG，所以对于SVG图标，您需要添加react-native-svg包。

您应该安装为@dev404，https://github.com/oblador/react-native-vector-icons说

同时，也要遵循android和ios的安装过程。

YOu可以检查以下可用的图标集。

​

​

希望它能帮上忙，可以自由地怀疑