如何在本机基础react-native中自动调整选项卡渲染项目的滚动高度

时间:2019-12-05 06:06:50

标签: react-native tabs

我正在使用本机基本选项卡在react-native中显示可滚动的选项卡栏 我有4个选项卡,每个渲染项目选项卡中的内容都会更改,因此选项卡栏内容的长度也会更改。如何根据tabview中的内容调整滚动视图的高度。内容较少时,不应滚动。当内容较少时,它将在下面留出空白空间。

当标签栏渲染项中的内容大于其滚动的屏幕高度时。

enter image description here

当标签栏渲染项中的内容小于屏幕高度时,不应滚动。

即使第二个标签页中的内容较少,它也会根据第一个标签页内容的高度滚动。

enter image description here

如果选项卡渲染项中的内容较少,则不应滚动。应基于选项卡视图中的内容滚动

1 个答案:

答案 0 :(得分:0)

这是我因问题而离开native-base的唯一原因。这是本地基础的公开问题,他们尚未解决。问题是我有3个选项卡,而三个scrollViews具有不同的高度。因此它占用的时间最长,当我们转到其他任何标签时,它都留有空白。

这是github native base tabs中未解决问题的链接。请检查一下是否可以找到任何分辨率。我找不到它,所以我切换到了

react native tab view。这是一个更好的库,用于以本机abse的形式显示问题列表。我切换到它。

希望有帮助。随时有疑问