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

【问题标题】：How to Auto adjust Scroll height of tab render items in native base react-native如何在本机基础 react-native 中自动调整选项卡渲染项的滚动高度
【发布时间】：2020-03-30 00:47:36
【问题描述】：

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

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

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

即使第二个选项卡中的内容较少，它也会根据第一个选项卡内容高度的高度滚动。

如果标签渲染项中的内容较少，则不应滚动。应根据标签视图中的内容滚动

【问题讨论】：

标签： react-native tabs

【解决方案1】：

这是我因为这个问题离开native-base 的唯一原因。这是原生基础的开放问题，他们还没有解决它。问题是我有 3 个标签，三个滚动视图的高度不同。所以它需要最长的高度，当我们转到任何其他选项卡时，它会留下空白空间。

这是 github native base tabs 中未解决问题的链接。如果您能找到任何解决方案，请检查一下。我找不到它所以我切换到

react native tab view 。 .这是一个更好的库，用于处理原生abse中的问题。我换了。

希望对您有所帮助。如有疑问，请随意

【讨论】：

好的，谢谢，我会尝试 react-native-tab-view，有没有其他方法可以在 ios 和 android 中显示可滚动的标签栏。
这就是我用过的。它适用于android和ios。 :)
如果你不想要任何库，你可以随时使用 scrollVIew 并制作你自己的组件，
如果您觉得回复有帮助，请点赞。谢谢:)
我试过这个模块工作正常，但是我们可以在 react-native-tab-view 中渲染图标吗，我们该怎么做