gpt4 book ai didi

react-native - 在屏幕中间创建可滚动标签的最佳方法是?

转载 作者:行者123 更新时间:2023-12-04 18:56:13 27 4
gpt4 key购买 nike

enter image description here

当您使用个人资料时,Twitter的移动应用程序在屏幕中间具有一个可滚动的选项卡。当您单击可滚动的标签中间屏幕时,显示个人资料信息等的屏幕上半部分不会更改:“推文和回复”,“媒体”等。我想知道如何创建它?让一半的屏幕保持不变,然后让选项卡更改中间的屏幕...目前,我将导航选项卡作为主导航,因此,在这些选项卡之一(配置文件选项卡)上,我想创建与以下相同的概念图片..

最佳答案

答案较晚,但是(供其他人和将来引用),react-navigation使用此程序包,react-native-tab-view:https://github.com/react-native-community/react-native-tab-view

为他们的标签。

您可以将其嵌套在屏幕中,就像您想要的一样(上一个答案仅解决了导航器中的导航器,而这并不是您想要的)。

这是一个示例(并非完全像您想要的那样,但是您知道可以。因此,代替背景图像,将其换出并相应地使用 View 或scrollview来创建该布局):

https://snack.expo.io/@satya164/collapsible-header-with-tabview

欢呼:)

编辑:毕竟我只是找到了一种只使用react-navigation的方法:

https://snack.expo.io/@mattx/collapsible-header-tabs

一探究竟

还有另一个库:https://github.com/benevbright/react-navigation-collapsible

关于react-native - 在屏幕中间创建可滚动标签的最佳方法是?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52625511/

27 4 0