TypeError: Font.isLoaded is not a function, (in 'Font.isLoaded(fontName)', 'Font.isLoaded' is undefined) in Expo

Question

我正在使用 Expo 31.0.4 和 Expo Vector 图标构建 React Native 应用程序。 当我使用 Ionicons 构建 TabBar 时，出现错误。

import { Ionicons } from '@expo/vector-icons';

const Main = TabNavigator({
    Settings: {
        screen: ProfileStack,
        navigationOptions: ({navigation}) => ({
            tabBarIcon: ({tintColor}) => (<Ionicons name="ios-cog" size={25} color={tintColor}/>)
        })
    },
    Deals: {
        screen: DealStack,
        navigationOptions: ({navigation}) => ({
            tabBarIcon: ({tintColor}) => (<Ionicons name="ios-list-box" size={25} color={tintColor}/>),
        })
    },
    Checkin: {
        screen: BarcodeScannerScreen,
        navigationOptions: ({navigation}) => ({
            tabBarIcon: ({tintColor}) => (<Ionicons name="ios-camera" size={27} color={tintColor}/>)
        })
    },

请帮助我，谢谢。

Answer 1

这看起来像是 Expo 31.0.0 的新问题； 就我而言，我按以下方式解决了这个问题； npm install expo start -c

一旦它工作正常并且 expo 应用程序打开，您可以继续 yarn start 或 npm start

顺便说一句，我现在使用的是 expo 32.0.1。

这里有详细的解释和不同的解决方法，大家可以看看； https://forums.expo.io/t/solved-font-isloaded-is-not-a-function-expo-vector-icons/17787