在AppContainer与StackNavigator之间反应本机导航回调

Question

我有一个问题，我需要显示对话框以堆栈导航器配置的所有屏幕。所以我不想在每个屏幕上都包含对话框，因为我不想一次又一次地编写代码。因此，我想在使用StackNavigation配置的AppContainer中添加一个对话框。请在下面查看我的意见：

const AppNavigator = createStackNavigator({
    Splash: {
        screen: SplashScreen,
    },
    Login: {
        screen: LoginScreen
    },

const AppContainer = createAppContainer(AppNavigator);

export default class NavigationConfig extends Component {

    showErrorMessageTop(type, title, message) {
        this.dropDownAlertRef.alertWithType(type, title, message);
    }

    render() {
        return (
           <View>
              <AppContainer/>

              //This is my Dialog that I want to show all of the screens. (SplashScreen, LoginScreen) 
              <DropdownAlert
                 updateStatusBar={false}
                 closeInterval={1500}
                 ref={ref => this.dropDownAlertRef = ref} />

           </View>
        )
    }
}

在我的SplashScreen示例中，我有一个按钮，所以当我单击该按钮时，我想显示DropdownAlert。在SplashScreen之类的LoginScreen中也是如此。

我该怎么办？