Javascript 如何更改顶部选项卡标题高度？

我想在createMaterialTopTabNavigator的选项卡导航器上方添加大标题视图。如何在react导航中更改顶部选项卡标题高度

navigationOptions: ({ navigation, screenProps }) => ({
    tabBarVisible: true,
    headerMode:'screen',
    headerTitle: <TabHeader/>,
    height:50,
    tabBarLabel: () => {
        const { routeName } = navigation.state;
        switch (routeName) {
            //
        }
        return <Text>{routeName}</Text>;
    },
}),
animationEnabled: false,
swipeEnabled: true,
...

navigationOptions:（{navigation，screenProps}）=>({
塔巴：没错，
headerMode:“屏幕”，
标题：，
身高：50，
tabBarLabel:（）=>{
const{routeName}=navigation.state；
交换机（路由名称）{
//
}
返回{routeName}；
},
}),
animationEnabled:错误，
是的，
...

你能展示一下你想要实现的设计吗？@Andrew我需要30%的屏幕才能显示标题视图，其余部分才能成为导航器！你能展示一个你想要达到的设计吗？@Andrew我需要30%的屏幕从顶部成为标题视图，其余部分成为导航器！