Javascript 隐藏以前的选项卡和标题导航v3

我有一个createMaterialTopTabNavigator，当我按下在另一个屏幕上导航时，我想隐藏选项卡和标题，但显示当前标题（“Pronostics détails”）。有可能吗

MontanteTab的代码：

    import React from 'react';
import {ScrollView, View, FlatList} from 'react-native';
import {ListItem} from "react-native-elements";
import pronostics from "../../data/Constants/Pronostics";
import {createAppContainer, createStackNavigator} from "react-navigation";
import PronosticsDetailsScreen from "../../screens/PronosticsDetailsScreen";

class MontanteTab extends React.Component {
    render() {
        return (
            <View>
                <ScrollView>
                    <View>
                        <FlatList
                            data={pronostics}
                            keyExtractor={(item, index) => index.toString()}
                            renderItem={({item}) => (
                                <ListItem
                                    key={item.id}
                                    leftAvatar={{source: {uri: item.image}}}
                                    title={item.competition}
                                    subtitle={item.equipe_domicile + ' - ' + item.equipe_exterieur}
                                    onPress={() => this.props.navigation.navigate('PronosticsDetails', {name: 'Jnae'})}
                                />
                            )}
                        />
                    </View>
                </ScrollView>
            </View>
        );
    }
}

const MontanteStack = createStackNavigator(
    {
        Montante: {
            screen: MontanteTab,
            navigationOptions: ({navigation}) => ({
                header: null,
            }),
        },
        PronosticsDetails: {
            screen: PronosticsDetailsScreen,
            navigationOptions: ({navigation}) => ({
                headerMode: 'screen',
                headerTitle: 'Pronostics détails',
                headerStyle: {
                    backgroundColor: '#000000',
                    textAlign: 'center',
                },
                headerTintColor: '#ffffff',
                headerTitleStyle: {
                    color: '#c7943e',
                    textAlign: 'center',
                    alignSelf: 'center',
                    justifyContent: 'center',
                    flex: 1,
                }
            }),
        },
    },
    {
        initialRouteName: 'Montante',
    }
);

export default createAppContainer(MontanteStack);

从“React”导入React；
从“react native”导入{ScrollView，View，FlatList}；
从“react native elements”导入{ListItem}；
从“../../data/Constants/pronostics”导入pronostics；
从“react navigation”导入{createAppContainer，createStackNavigator}；
从“../../screens/PronosticsDetailsScreen”导入PronosticsDetailsScreen；
类MontanteTab扩展了React.Component{
render（）{
返回(
index.toString（）}
renderItem={（{item}）=>(
this.props.navigation.navigate（'PronosticsDetails'，{name:'Jnae'}）}
/>
)}
/>
);
}
}
const MontanteStack=createStackNavigator(
{
蒙坦特：{
屏幕：MontanteTab，
导航选项：（{navigation}）=>({
标题：null，
}),
},
Pronostics详细信息：{
屏幕：PronosticsDetails屏幕，
导航选项：（{navigation}）=>({
headerMode:'屏幕'，
标题：'前字词détails'，
头型：{
背景颜色：'#000000'，
textAlign:'中心'，
},
HeaderIntColor:“#ffffff”，
头饰样式：{
颜色：“#c7943e”，
textAlign:'中心'，
对齐自我：“中心”，
为内容辩护：“中心”，
弹性：1，
}
}),
},
},
{
姓名首字母RouteName:“Montante”，
}
);
导出默认createAppContainer（MontanteStack）；

PronosticsDetailsScreen的代码：

    import React from 'react';
import {
    StyleSheet,
    View,
} from 'react-native';
import {Text} from "react-native-elements";

export default class PronosticsDetailsScreen extends React.Component {
    render() {
        return (
            <View style={styles.container}>
                <Text>Détails</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
    },
    contentContainer: {
        paddingTop: 30,
    },
    image: {
        height: 100,
        width: 100,
    }
});

从“React”导入React；
进口{
样式表，
看法
}从“反应本机”；
从“react native elements”导入{Text}；
导出默认类PronosticsDetailsScreen扩展React.Component{
render（）{
返回(
Détails
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
},
内容容器：{
paddingTop:30，
},
图片：{
身高：100，
宽度：100，
}
});

我试图将标题设置为“null”，但当前标题也被隐藏

---

提前感谢您的帮助

如果API支持隐藏createMaterialTopTabNavigator（）的功能，生活将变得轻松！但此选项适用于底部选项卡，而不是顶部选项卡

在做了研究和测试之后，我认为可以隐藏标签和标题。这是一个玩嵌套导航的问题。（灵感来源：和）

例如：

按下屏幕07上的后退按钮将返回屏幕06

从“React”导入React；
从“react native”导入{样式表、文本、视图}；
从“react navigation”导入{createStackNavigator、createAppContainer、createBottomTabNavigator、createMaterialTopTabNavigator}；
从“./screens/Screen01”导入Screen01；
从“./screens/Screen02”导入Screen02；
从“./screens/Screen03”导入Screen03；
从“./screens/Screen04”导入Screen04；
从“./screens/Screen05”导入Screen05；
从“./screens/Screen06”导入Screen06；
从“./screens/Screen07”导入Screen07；
const AppStackNavigator=createStackNavigator({
主页：{
屏幕：Screen01
},
flowOne：{
屏幕：createStackNavigator({
第02页：{
屏幕：Screen02}，
第03页：{
屏幕：Screen03}，
流程二：{
屏幕：CreateBoottomTabNavigator({
第04页：{
屏幕：Screen04
},
流程三：{
屏幕：createMaterialTopTabNavigator({
第05页：{
屏幕：Screen05
},
第06页：{
屏幕：Screen06
},
})
}
})//结束CreateBoottomTabNavigator，结束flowThree
},
流程四：createStackNavigator({
第07页：{屏幕：屏幕07}
}
)//结束流程4
},
{
导航选项：{header:null}//在flowOne中隐藏头
})
},
});
const AppContainer=createAppContainer（AppStackNavigator）；
导出默认类App扩展React.Component{
render（）{
返回(
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
},
});为什么不使用不同的页面？按tab键时，转到具有所需布局的新页面？选项卡布局中有“onPress”。例如：我的屏幕“Pronostics”有4个选项卡的createMaterialTopTabNavigator。我按下一个选项卡，在该选项卡的布局中有一个带有“onPress”属性的“ListItem”进入PronostiscDetailsScreen。你明白吗？