React-Native Android缺少選項卡屏幕

Question

我正在使用包react-native-tab-view在屏幕中間渲染選項卡小部件。 該小部件可以在iOS上正確呈現，但是在Android上缺少屏幕。 這個小部件出現在屏幕中間，上面和下面都有材料，並且所有這些材料都包裹在ScrollView中，如下所示（為簡潔起見，未顯示其他材料）：

<View style={styles.container}>
    <ScrollView style={{ backgroundColor: primaryLightBlue2Color }}>
        <View style={{paddingVertical: 10}}>
            <MemberSummary />
            <View style={{ marginTop: 20 }} />

            <TabView
                navigationState={this.state}
                renderScene={this.renderScene}
                renderTabBar={this.renderTabBar}
                onIndexChange={this.handleIndexChange}
                tabStyle={styles.tabbar}
            />

            {this.spendingAccountsExist()}
        </View>
    </ScrollView>
</View>

正如我提到的，與選項卡關聯的屏幕不顯示

因此，我是在做一些無法顯示的錯誤操作，還是該小部件不是為我要執行的操作而設計的嗎？

Answer 1

我發現了可以在這里找到的答案： https : //github.com/react-native-community/react-native-tab-view/issues/537#issuecomment-395359494

總結一下，對於Android，請確保您的TabView組件具有如下的renderPager：

_renderPager = (props) => <PagerPan {...props} />

和

<TabView
    navigationState={this.state}
    renderScene={this._renderScene}
    renderTabBar={this._renderTabBar}
    onIndexChange={this._handleIndexChange}
    renderPager={this._renderPager}
    tabStyle={styles.tabbar}
/>