RN-如何在所有页面上创建覆盖组件

Question

我正在尝试构建一个在应用程序所有页面上都可见的组件。 我正在使用React-Navigation，因此，我有一个AppNavigator组件，如下所示：

render() {
    return (
        <AppNavigator />
    )
}

我想添加一个组件（如下所示），该组件可以从App.js中控制，并且不受React-navigation导航的影响

<AppNavigator>
    <MyOverlayComponent />
</AppNavigator>

或者：

<>
    <AppNavigator />
    <MyOverlayComponent />              
</>

我尝试了以下类似操作，但无法在视图上方显示视图：

<View style={{ width: 100, height: 100, backgroundColor: 'green', position: 'absolute', top: 0, left: 0 }} />

你们对我有什么想法，建议或提示吗？ 仅供参考，我使用的是React-native 0.61.5

非常感谢