React Native中的热重装和实时重装有什么区别?


311

我在这里有点困惑。在调试React Native应用程序时,通常会同时启用Hot ReloadingLive Reloading。我想知道它们之间有什么区别?

Answers:


496

文件更改时,实时重新加载会重新加载或刷新整个应用程序。例如,如果您在导航中有四个链接并保存了更改,则实时重新加载将重新启动应用程序并将应用程序加载回初始路径。

热重装只会刷新更改的文件,而不会丢失应用程序的状态。例如,如果您在导航中有四个链接,并且保存了对某些样式的更改,则状态不会更改,但是新样式将显示在页面上,而无需导航回到您所在的页面,因为您仍然可以在同一页面上。


5
RN网站上的此视频可能也有帮助。youtu.be/2uQzVi-KFuc
Ekundayo祝福Funminiyi

8
为什么有人会更喜欢实时重载而不是热重载?实时重新加载有什么好处?
1

热重新加载实施例反应天然。此方法有助于在UI中显示更新的更改。
sumit kumar pradhan

两者都可以在科特林完成吗?如果是这样,您能不能请我提供体面的资源?和平!
和尚

3
@Jan是的,通常热加载比实时重新加载更可取。但是,热重装实现起来较为复杂,有时不如实时重装可靠。
詹森·阿克森

15

都可以使用启用CMD+D / CMD+CTRL+Z / Shake Gesture menu。两者都使用守卫来监听文件更改。

实时重新加载会重新加载整个应用程序。

热重载背后的想法是保持应用程序运行并注入您在运行时编辑的文件的新版本。这样,您就不会丢失任何状态,这在调整UI时特别有用。因此,它仅重新加载您在此处更改更多信息的页面


2

在开发React-Native应用程序时,您需要查看代码更改,而要查看代码更改,React-Native中有两个选项。

  1. 热装

    热重装仅根据新代码更改显示代码更改,而无需从头开始重新启动应用程序,它仅影响更改后的代码。

  2. 实时重载

    有时我们可能需要Live Reload来测试我们的代码,例如导航,因此Live reload在这种情况下很有用,因此它将在代码更改时重新加载整个应用程序。


0

热重装仅根据新代码更改显示代码更改,而无需从头开始重新启动应用程序,它仅影响更改后的代码。但是在添加/更改JS代码时仅对组件进行样式设置会很有帮助。为此,Live reload或rr效果很好

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.