我正在返回渲染，但问题仍然存在

Question

嗨，我是一个比较新的本地人。无论如何，我的问题是，我正在尝试更改文本的字体，并希望确保在加载字体后，才希望加载屏幕结束。

但是，我遇到了以下错误：

错误：应用程序（…）：没有从render返回任何内容。这通常意味着缺少返回语句。或者，要不呈现任何内容，请返回null。

此错误位于RCTView（at View.js:34）中的Exporot（at renderApplication.js:45）中的App（由ExpoRoot创建）中的AppContainer（at AppContainer.js:106）中的DevAppContainer（at AppContainer.js:121）中的RCTView（at View.js:34）中的AppContainer（at AppContainer.js:132）中的AppContainer（at renderApplication.js:39）

这是我的应用程序。js

import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { render } from 'react-dom';
import { Button, StyleSheet, Text, View } from 'react-native';
import AppNavigator from './src/navigation/Navigator';
import * as Font from 'expo-font';
import {AppLoading} from 'expo-app-loading';

export default class App extends React.Component {
  state = {
    isFontLoaded : false
  }

  async componentDidMount(){
    await Font.loadAsync({
      "SemiBold" : require('./src/fonts/Montserrat-Regular.ttf'),
      "Medium" : require('./src/fonts/Montserrat-Medium.ttf'),
      "Regular" : require('./src/fonts/Montserrat-Regular.ttf')
    });
    this.setState({isFontLoaded:true})
  }

 render(){

   return (
     (this.state.isFontLoaded === true) ? (<AppNavigator/>):(AppLoading)
   // AppLoading
   );
 }

}

如果您还需要什么，请告诉我。

提前谢谢。

Answer 1

通过以下方式导入

import AppLoading from 'expo-app-loading'; // this way

render(){

  if(!this.state.isFontLoaded){
    return <AppLoading />
  }

  return <AppNavigator />
}