為什么我的反應圖標不能正常工作？

Question

下面是我用 React Native 制作的一個小應用程序的代碼。 我試圖使用反應圖標，但由於某種原因，它們不起作用，我不知道為什么。 我導入了它們和所有東西，它們應該可以工作，但我不斷收到這個錯誤。 有誰知道為什么我的反應圖標不能正常工作？ 提前致謝。

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-icons 不適用於本機反應（我認為）。 您需要使用 react-native-vector-icons ( https://www.npmjs.com/package/react-native-vector-icons )

Answer 2

你不能使用普通的反應圖標，因為反應原生圖標可以是圖像也可以是 SVG，所以對於 SVG 圖標，你需要添加react-native-svg ZEFE90A8E604A7C840E88D03A7D6

你應該像@dev404 所說的那樣安裝https://github.com/oblador/react-native-vector-icons

也請遵循 android 和 ios 的安裝過程。

您可以查看以下可用的圖標集。

希望對你有幫助，有疑問歡迎交流