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



我正在制作一个具有许多屏幕的react本机应用程序。所以我正在做的是,在app.js文件中,我在return方法中返回了一个名为AppNavigator.js的文件。在AppNavigator文件中,我导入了超过25个屏幕,所有屏幕都在一些导航程序中使用。我的意思是,我的应用程序包括6个导航器,它们是堆叠导航器和抽屉导航器。我有一个堆栈导航器作为主要导航器,因为它是我的应用程序的起点。该堆栈具有初始屏幕作为初始屏幕。但当我启动应用程序时,花了太多时间后启动屏幕加载。所以我的问题是,在同一个文件中包含太多导入是否会减慢应用程序的速度?如果是,那么我如何将所有导航器保留在项目结构中。我是一个对原生开发做出反应的新手,所以要明确我的概念。

导入这些屏幕对于导航器的工作是必要的。

但我必须告诉您,您只使用了25个屏幕。注册护士应用程序有100多个屏幕。

就我个人而言,我曾参与过一个项目,该项目将30多个屏幕集成到单堆栈导航器中,所以这不可能是你的问题。

因为最终它们将捆绑成一个单独的文件,即CCD_。因此,在哪里编写文件以及在哪里导入文件将绑定到index.android.bundle并不重要。

是的,它会对性能产生影响,但你肉眼看不到太多。

所以,这里的问题可能是

  1. 调试模式。

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

    生成发布的签名应用

  2. 第二次启动前的白色屏幕

    这可以是的解决方案

您可以尝试以下操作:-如果您当前处于测试模式,并且正在远程调试js,请尝试先停止测试并检查性能。

  • 卸载应用程序并运行以下命令

    cd(项目/android文件夹的路径)&gradlew clean&cd(项目根文件夹的路径)&react native bundle--平台android--dev false--入口文件index.js--bundle输出android/app/src/main/assets/index.android.bundle--资产destandroid/ap/src/main/res&react原生运行android

上面的命令将清除所有最后的构建&清理并清除所有缓存,并给出新的构建。

你可以走了!

相关内容

最新更新