隐藏模态中的父导航栏-React Native

Question

我正在制作一个简单的UI react-native应用程序，除了我需要从自定义标题中隐藏父级导航栏的那一部分之外，其他一切都进行得很好，因为我想放置自定义标题。事实是，它们相互堆叠，或者我只能删除模态屏幕的导航栏。该模式屏幕是我的应用程序中唯一想要其他导航栏标题的部分。这是我的代码。

路由器文件

export const TopicsStack = StackNavigator({
ChannelTopics: {
    screen: ChannelTopics,
    navigationOptions: {
        title: 'Science Channel',
        headerVisible: false,
    }
},
},{ 
 headerMode: 'none'
});

export const Root = StackNavigator({
    Tabs: {
        screen: Tabs,
    },
    ChannelTopics: {
        screen: TopicsStack,
    },
}, {
    mode: 'modal',
    headerMode: 'none',
});

主屏幕

class MainScreen extends Component {

    static navigationOptions = {
        headerStyle: {
            backgroundColor: '#e12121'
        },
        headerTitle: (
            <View style={{flex:1, flexDirection:'row', justifyContent:'center', }}>
                <Image source={require('../image/logo.png')}
                />
            </View>
        ),
    }

    render() {
        return (
            <Root />
        );
    }
}