Question

当我使用“本地基本”矢量图标时，它显示“ RNVectorIcons模块不可用”

我正在安装Native Base，但没有单独安装RN-Vector-Icons

您能找到此错误吗？它将对我或其他人真正有帮助

import { Navigation } from "react-native-navigation";
import Icon from 'react-native-vector-icons/AntDesign'; // for nativeBase getImageSource

const goAuth = () => {
    Promise.all([
        Icon.getImageSource('adduser', 15),
        Icon.getImageSource('login', 15)
    ]).then(source => {
        Navigation.setRoot({
            root: {
                id: 'authSccreen',
                bottomTabs: {
                    children: [{
                        component: {
                            name: 'signIn',
                            options: {
                                text: 'signIn',
                                icon: source[0]
                            }
                        }
                    },
                    {
                        component: {
                            name: 'signUp',
                            options: {
                                text: 'signUp',
                                icon: source[1]
                            }
                        }
                    }],
                }
            }
        })
    })
}

export default goAuth

并检查此图像，它显示我GetImageSource已安装在图标导入中

enter image description here

Answer 1

在npm install react-native-vector-icons之后，您具有一个链接，该链接指向矢量图标库。我想你忘了链接那个图书馆如果您尝试使用 android ，只需触发此命令

react-native link react-native-vector-icons

和 ios

将以下内容添加到您的Podfile中并运行pod更新：

pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'

如上所述编辑Info.plist。

如果您正在使用use_frameworks！在Podfile中，您需要在引导应用程序时通过执行Icon.loadFont（）来动态加载图标字体。

当我使用Nativebase getImageSource时，React Native向我显示RNVectorIcons模块不可用

1 个答案: