时间戳

首页 > 解决方案 > 在同一个文件中包含太多导入是否会减慢应用程序的本机反应

react-native - 在同一个文件中包含太多导入是否会减慢应用程序的本机反应

问题描述

我正在制作一个具有许多屏幕的反应本机应用程序。所以我正在做的是在 app.js 文件中，我在返回方法中返回了一个名为 AppNavigator.js 的文件。在 AppNavigator 文件中，我已经导入了超过 25 个屏幕，并且都被使用在一些导航器中。我的意思是我的应用程序包括 6 个导航器，它们是堆栈导航器和抽屉导航器。我有一个堆栈导航器作为主要导航器，因为它是我的应用程序的起点。该堆栈具有初始屏幕作为初始屏幕。但是当我启动应用程序时然后在花费太多时间后加载启动画面。所以我的问题是在同一个文件中包含太多导入会减慢应用程序的速度吗？如果是，那么我如何才能将所有导航器保留在项目结构中。我是新来的原生开发，所以让我的概念清晰。

标签： react-native

解决方案

好吧，导入这些屏幕是导航器工作所必需的。

但我必须告诉你，你只用了 25 个屏幕。有超过 100 个屏幕的 RN 应用程序。

就个人而言，我曾在一个项目中工作过，该项目在单堆栈导航器中包含 30 多个屏幕，所以这不是你的问题。

因为最终它们将捆绑到一个文件中，即index.android.bundle. 因此，无论您将文件写入何处以及将其导入何处都将捆绑到index.android.bundle.

是的，它会对性能产生影响，但肉眼无法看到。

所以，这里的问题可能是

  1. 调试模式。

    尝试在生产模式下运行它（打开开发菜单 -> 开发设置 -> 禁用 JS 开发模式）

    或者

    生成发布的签名应用

  2. 闪屏前白屏一秒

    这可以是解决方案

推荐阅读