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

Question

我在我的代码中使用'react-native-tab-view'库。 链接在这里： npm / github 。

这是小吃中的基本示例代码- 可以在 Web 上运行。

现在的问题是 - 如果我想在<Tabview/>标签上方显示 Header 文本，它什么也不显示。 即使我只是将<Tabview/>包装在<View></View>中，就像下面的代码片段一样，它也会显示一个空屏幕，即使没有任何错误。

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

这是一个带有 output 的示例代码截图，来自带有嵌套<Tabview/>的零食，在 Android 设备中运行：

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

Answer 1

我认为你应该使用<View style={{flex:1}}> Tab code </View>