React Native Tab View：当 Tabview 元素包装/嵌套在 View 中时显示空屏幕

Question

我在代码中使用

'react-native-tab-view'

库。链接在这里：npm / github。

这里是一个 snack 中的基本示例代码 - 可以在 Web 上运行。

现在的问题是 - 如果我想在

<Tabview/>

标签上方显示标题文本，它不会显示任何内容。即使我只是将

<Tabview/>

包裹在

<View></View>

中（如下面的代码片段所示），它也会显示一个空屏幕，即使没有任何错误。

<View>
  <TabView .... />   /*Shows empty screen*/
</View>

这是带有输出的示例代码屏幕截图，来自带有嵌套 <Tabview/> 的

snack

，在 Android 设备中运行：

请建议如何实现这一目标。不确定我错过了什么？

Answer 1

在我的例子中，

TabView

是在父级

ScrollView

内渲染的......删除父级滚动条解决了这个问题。

Answer 2

我认为你应该使用

<View style={{flex:1}}> Tab code </View>

Answer 3

我尝试了很多解决方案，但遇到了同样的问题，就我而言，我不得不将react-native-tab-view降级到3.1.1 到 5.4.15 的 React-native-pager-view 是 ^6.2.3 我的反应本机版本是0.72.4

只需更新 package.json 中的这两个，npm install 和 cd ios && pod install，它就像一个魅力

"react-native-pager-view": "^5.4.15",

"react-native-tab-view": "^3.1.1",

希望它对某人有帮助，因为我做了很多挖掘，除了这个解决方案之外，没有什么对我有用