如何将内容填充在两个tabbar的中间

Question

我使用react native在android中制作app。当我在视图中使用两个tabbar时，我使用react-native-scrollable-tab-view。一个位于顶部，另一个位于底部。但是当我单击一个时只显示半屏。我想得到全屏。谢谢您的帮助！！ 目前：enter image description here

我想得到：enter image description here

贝洛是我的代码：

渲染（）{         回来（             

            <ScrollableTabView  

                renderTabBar={() => <DefaultTabBar 
                                        backgroundColor='#61b754' 

                                        style={styles.top}
                                         />}
                tabBarUnderlineColor='#fbc14a'
                tabBarActiveTextColor='#ffffff'
                tabBarInactiveTextColor='#ecf0f2'
                scrollWithoutAnimation={true}
                tabBarTextStyle={styles.navText}
            >               
                <View1 style={styles.navText} tabLabel="菜单1" />
                <View2 tabLabel="菜单2" />
                <View3 tabLabel="菜单3" />

            </ScrollableTabView>


            <ScrollableTabView  
                renderTabBar={() => <DefaultTabBar 
                                        backgroundColor='#61b754' 

                                        style={styles.top}
                                         />}
                tabBarUnderlineColor='#fbc14a'
                tabBarActiveTextColor='#ffffff'
                tabBarInactiveTextColor='#ecf0f2'
                scrollWithoutAnimation={true}
                tabBarTextStyle={styles.navText}

                tabBarPosition='bottom'
            >               


  <View5 tabLabel="菜单5" />
                <View6 tabLabel="菜单6" />
            </ScrollableTabView>
        </View>
    )
}