React native 如何在React native CLI中显示应用程序加载（无expo）

通过在react-native.config.js中配置自定义字体，我在CLI应用程序中添加了自定义字体 现在我想显示Apploading启动屏幕，直到我的字体和其他需要的资源加载到屏幕上，应用程序可以使用。

添加字体 如果您使用的是react native cli，则无需使用

AppLoading

组件来添加字体，只需按照以下简单步骤操作react native Version>0.60：

步骤1:向资源添加字体

例如，在

src/assets/fonts

中将要使用的字体添加到项目中

步骤2:定义资产目录（我猜您已经这样做了）

在根项目目录中创建文件react native.config.js，并添加以下代码

module.exports={
资产：[“/”资产/字体/“]，
};

步骤3:使用react原生链接链接资产

在根项目目录中的终端中运行

$ npx react-native link

注意：

link命令将链接IOS的

Info.plst

中的字体，并为android创建字体目录

android/app/src/main/assets/fonts

，其中存储自定义字体的副本

闪屏 您可以通过配置根导航器来实现这一点，例如

StackNavigator

以显示一个正常的屏幕组件，该组件返回某种加载指示器，作为应用程序首次启动时要呈现的第一个屏幕

然后在该组件中，使用

useffect

执行一些在应用程序启动前需要完成的后台任务

最后，当等待的任务完成后，只需使用

navigation.navigate（）

方法导航到主应用程序流，例如

HomeScreen.js