React Native:TabBarIOS,单击后重新渲染选项卡

阿塔·穆罕默迪(Ata Mohammadi)

在我的应用程序中,我具有带有3个不同选项卡的TabBarIOS。当您更改某个内容或例如在一个选项卡中滚动页面时,您将转到另一个选项卡,而当您返回时,该选项卡的内容不会重新呈现。它停留在同一位置(滚动)。

每次单击选项卡时,是否都需要重新渲染选项卡的内容(组件)?

阿塔·穆罕默迪(Ata Mohammadi)

我在本文中找到了解决方案:http : //richardkho.com/persisting-tabbars-in-react-native/

只要您单击选项卡,它就会呈现一个Navigationios。因此,当用户单击每个选项卡时,我应该检查选项卡是否已被选中。如果已经选择了选项卡,那么我应该做navigation.poptotop(对于正在调用的导航ios)。如果没有,我只是打电话给导航

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在选项卡之间切换时避免在React中重新渲染

来自分类Dev

React Native-尝试在React导航中创建带有选项卡导航器的抽屉,而不渲染选项卡的Drawer项

来自分类Dev

带选项卡导航的react-native抽屉导航

来自分类Dev

React Native BottomTabs导航到特定选项卡

来自分类Dev

在React Native中更改React导航选项卡的底部栏容器颜色

来自分类Dev

如何在React Native中的react选项卡导航中设置默认屏幕Route

来自分类Dev

React JS-单击选项卡时清除子窗体

来自分类常见问题

消除React Native中的“远程调试器在后台选项卡”警告

来自分类Dev

使用选项卡栏和导航栏的React Native中的iOS 13黑暗模式

来自分类Dev

使用React Native Router Flux在所有场景中维护选项卡

来自分类Dev

React Native Chrome自定义选项卡不起作用

来自分类Dev

react-native-navigation:如何转到没有选项卡栏的特殊页面?

来自分类Dev

转到子场景选项卡-react-native-router-flux

来自分类Dev

在React Native Navigation中的选项卡之间切换时如何保持堆叠的屏幕

来自分类Dev

在所有屏幕上显示选项卡React Native

来自分类Dev

通过react-native-router-flux在本机基本页脚选项卡中导航

来自分类Dev

如何在React Native底部选项卡中处理后退按钮行为?

来自分类Dev

如何在React Native中使用选项卡制作视差滚动视图?

来自分类Dev

React Native(Android)中的Buggy可折叠标题选项卡

来自分类Dev

在React Native中隐藏底部选项卡导航时收到警告

来自分类Dev

将信息发送到React-native上的选项卡

来自分类Dev

嵌套在堆栈导航器中的React Native选项卡导航器

来自分类Dev

如何将边框应用于 React Native 中的选定选项卡?

来自分类Dev

在 react-native-navigation (android) 中更改顶部选项卡字体系列

来自分类Dev

有一个选项卡充当抽屉 React Native

来自分类Dev

使用 react-native-router-flux 无法正确显示导航栏和选项卡

来自分类Dev

如何在 react-native 的模态中使用选项卡

来自分类Dev

使用可滚动选项卡视图时从React Native图标切换到React Native矢量图标

来自分类Dev

每次选择所有选项卡时,都会调用所有React-bootstrap Tabs渲染功能

Related 相关文章

  1. 1

    在选项卡之间切换时避免在React中重新渲染

  2. 2

    React Native-尝试在React导航中创建带有选项卡导航器的抽屉,而不渲染选项卡的Drawer项

  3. 3

    带选项卡导航的react-native抽屉导航

  4. 4

    React Native BottomTabs导航到特定选项卡

  5. 5

    在React Native中更改React导航选项卡的底部栏容器颜色

  6. 6

    如何在React Native中的react选项卡导航中设置默认屏幕Route

  7. 7

    React JS-单击选项卡时清除子窗体

  8. 8

    消除React Native中的“远程调试器在后台选项卡”警告

  9. 9

    使用选项卡栏和导航栏的React Native中的iOS 13黑暗模式

  10. 10

    使用React Native Router Flux在所有场景中维护选项卡

  11. 11

    React Native Chrome自定义选项卡不起作用

  12. 12

    react-native-navigation:如何转到没有选项卡栏的特殊页面?

  13. 13

    转到子场景选项卡-react-native-router-flux

  14. 14

    在React Native Navigation中的选项卡之间切换时如何保持堆叠的屏幕

  15. 15

    在所有屏幕上显示选项卡React Native

  16. 16

    通过react-native-router-flux在本机基本页脚选项卡中导航

  17. 17

    如何在React Native底部选项卡中处理后退按钮行为?

  18. 18

    如何在React Native中使用选项卡制作视差滚动视图?

  19. 19

    React Native(Android)中的Buggy可折叠标题选项卡

  20. 20

    在React Native中隐藏底部选项卡导航时收到警告

  21. 21

    将信息发送到React-native上的选项卡

  22. 22

    嵌套在堆栈导航器中的React Native选项卡导航器

  23. 23

    如何将边框应用于 React Native 中的选定选项卡?

  24. 24

    在 react-native-navigation (android) 中更改顶部选项卡字体系列

  25. 25

    有一个选项卡充当抽屉 React Native

  26. 26

    使用 react-native-router-flux 无法正确显示导航栏和选项卡

  27. 27

    如何在 react-native 的模态中使用选项卡

  28. 28

    使用可滚动选项卡视图时从React Native图标切换到React Native矢量图标

  29. 29

    每次选择所有选项卡时,都会调用所有React-bootstrap Tabs渲染功能

热门标签

归档