Reactjs 如何将内容填充放在两个表格的中间

我使用react native在android中制作应用程序。当我在视图中使用两个选项卡时，我使用react native scrollable tab view。一个在顶部，另一个在底部。但是当我单击其中一个时，只显示半屏幕。我想要全屏。谢谢你的帮助！！ 目前：

            <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>
    )
}

我想得到：

            <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>
    )
}

下面是我的代码：

            <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>
    )
}

render（）{ 返回(

            <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>
    )
}

}
tabBarUnderlineColor='#fbc14a'
tabbarActivatextColor='#ffffff'
tabBarInactiveTextColor='#ecf0f2'
scrollWithoutAnimation={true}
tabBarTextStyle={styles.navText}
>               
}
tabBarUnderlineColor='#fbc14a'
tabbarActivatextColor='#ffffff'
tabBarInactiveTextColor='#ecf0f2'
scrollWithoutAnimation={true}
tabBarTextStyle={styles.navText}
tabBarPosition='bottom'
>               
)
}