程序员经验分享-hwhale

反应导航选项中“lazyLoad”和“lazy”之间的区别

2024-04-25

我在选项卡更改上重新渲染组件时遇到问题，并且显然添加lazyLoad: true导航选项解决了它。

但我不太明白它是如何工作的......特别是在那之前，我遇到了另一个问题并添加lazy: true选项解决了它。

所以我的问题是，两者之间有什么区别以及它们在反应导航中的工作方式:)


有两个主要版本react navigation, 反应导航-v1 https://v1.reactnavigation.org/docs/getting-started.html and 反应导航-v2 https://reactnavigation.org/docs/en/getting-started.html

When react-navigation加载导航器，例如TabNavigator，它尝试渲染该导航器内的所有屏幕。

For react-navigation-v1： 当。。。的时候TabNavigator安装在屏幕上，它尝试将其内部配置的所有屏幕/组件一次推送到 UI。因此，为了避免这种行为，在TabNavigator选项，lazyLoad: true or lazy: true通过，因此可以根据需要渲染屏幕/组件。

Until react-navigation 1.0.0-beta9, lazyLoad: true曾经使用过，但现在已经稳定了，lazy: true用来。

For react-navigation-v2: TabNavigator and createTabNavigator已弃用，您将始终收到黄屏错误，因此请使用createBottomTabNavigator and/or createMaterialTopTabNavigator . The lazy选项适用于TabNavigator and createTabNavigator, createBottomTabNavigator has lazyLoading内置选项，但是createMaterialTopTabNavigator似乎有越野车，lazy选项不起作用。

我希望这回答了你的问题。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

ReactJS

ReactNative

reactnavigation

反应导航选项中“lazyLoad”和“lazy”之间的区别 的相关文章

随机推荐

  • 无法读取未定义的属性“长度” - Angular 7

    试图获取该对象的图片链接 这些对象位于数组中 打字稿中的方法如下所示 getMealPicture orderLineMeal OrderLine string for let meal of this meals if meal id o

  • 每个 git commit 的树对象内容存储哪些信息

    每个 Git 提交对象都指向一个树对象 每个提交树对象是否都存储其所有条目 还是仅添加新条目并且仅包含来自提交父级的增量 例如Linux 源代码有 1M 提交和数千个对象 master 有 70 000 个 如果每个提交对象都包含所有对象的

  • 谷歌地图中信息窗口上的 onclicklistener 按钮

    我如何在谷歌地图上的信息窗口中检测按钮 setOnClickListener 实际上 在我的信息窗口中 我有一个按钮 我想单击该按钮 可以这样做吗 Try it mMap setOnInfoWindowClickListener new O

  • 获取警告的回溯

    在 numpy 中我们可以做np seterr invalid raise http docs scipy org doc numpy reference generated numpy seterr html获取引发错误的警告的回溯 请参

  • 为什么 Fisher Yates 是最有用的洗牌算法？

    您认为现代版本的 Fisher Yates 是最公正的洗牌算法吗 您如何解释数组中每个元素位于其原始位置的概率为 1 n 给定一个完美的伪随机数生成器 梅森扭转者 http en wikipedia org wiki Mersenne Tw

  • 使用分层列更改 Pandas 中的列名称

    假设我有一个带有分层索引的数据框 gt gt gt df pd DataFrame np ones 2 4 gt gt gt df 0 1 2 3 0 1 1 1 1 1 1 1 1 1 2 rows x 4 columns gt gt g

  • JQuery - 将点击事件添加到 LI 或 SPAN 元素？

    我正在尝试向 LI 元素添加单击事件 但它没有在页面中触发 我的页面标记如下所示 div ul li class navPrevNext inactive lt First Page li li class navPrevNext inac

  • 将图像粘贴到富文本中（例如 Gmail）

    我希望能够从剪贴板复制图像 特别是屏幕截图 并将它们直接粘贴到富文本编辑器中 和 或上传该文件 我们只使用 chrome 因此它只适用于 chrome http gmailblog blogspot com 2011 06 pasting

  • 不使用用户代理字符串检测 Google TV

    我们有一个客户希望将其内容发布到 Google TV 通过 Chrome 浏览器 但法律限制其在 常规网络 上发布 因此 我们希望通过 Javascript 检测 Google TV 浏览器 如果没有检测到 则禁止播放该内容 第一个想法是检

  • 帮助修复内存泄漏版本

    import VTM AViPodReaderViewController h import

  • Flask、Marshmallow 3 和 webargs use_args 无法解析参数

    对于 Flask 1 1 2 marshmallow 3 6 1 和 webargs 6 1 0 我的所有论点始终是missing Schema class ExportSearchSchema Schema limit fields In

  • 是否有与 C# 输出参数等效的 VB.NET？

    VB NET 是否有与 C 直接等效的工具out函数参数 传入函数的变量不需要初始化 不 没有等同的outVB 中的关键字 但是 VB 会自动初始化方法中的所有局部变量 因此您可以使用ByRef无需首先显式初始化变量 Example Sub

  • 如何在使用 Cordova Simulate 时获取 FileEntry 对象

    我正在尝试遵循拍照并获取 FileEntry 对象 https github com apache cordova plugin camera module camera getPictureCordova 相机插件的示例 我正在使用 Co

  • Facebook 图表 API 评论数

    Facebook似乎改变了帖子的结果 几周前可以直接从帖子中读取评论数 https graph facebook com 125909647492772 502974003098530 https graph facebook com 12

  • 在 WiX Bundle 中包含 .NET 安装程序未检测是否已安装

    我使用的是 WiX 3 7 无法让简单的 捆绑元素正常工作 因为它不会带来 Net FX 安装程序包 也不会将其嵌入到 setup exe 中 我已经在我的程序中为此创建了自己的包Bundle wxs文件 但我仍然遇到麻烦 即使机器已经安装

  • 禁止将拍摄的照片保存到 DCIM 文件夹中

    我在我的应用程序中通过 Intent 拍照 照片保存到 SD 上我指定的文件夹中 而且它们也保存到 DCIM 默认相机文件夹中 我不想两次 如何禁止将拍摄的照片保存到此默认相机目录中 先感谢您 这是我正在使用的 Intent intent

  • 刷新div（导致浏览重绘它）

    在 Web 应用程序中 我在动态内容方面遇到了一些麻烦 在 jQuery UI 选项卡控件上方隐藏或显示的表单会导致呈现问题 直到用户将鼠标悬停在选项卡上 然后导致选项卡标题重新绘制正确的位置 它只发生在 IE7 中 作为一个快速破解 我在

  • Mongoose 多更新

    我想用不同的值更新多个文档 我的数据库看起来像这样 id 1 value 50 id 2 value 100 此查询返回错误 因为我传递的是数组而不是 set 中的对象 Model update id in ids set ids valu

  • 为什么 doctype 不自动关闭

    提供了一个 xhtml 文档类型 例如 为什么这个标签本身允许非自关闭 根本不关闭 Aka为什么不是 它不是一个标签 元素 这是一个声明 这就是声明的语法 文档类型声明 http www w3 org TR REC xml sec prol

  • 反应导航选项中“lazyLoad”和“lazy”之间的区别

    我在选项卡更改上重新渲染组件时遇到问题 并且显然添加lazyLoad true导航选项解决了它 但我不太明白它是如何工作的 特别是在那之前 我遇到了另一个问题并添加lazy true选项解决了它 所以我的问题是 两者之间有什么区别以及它们在

热门标签