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>