React Navigation - DrawerNavigator 中跨屏幕的通用组件

Question

在我的应用程序中，我有一个包含一些屏幕的抽屉。在每个屏幕中都有一个公共组件，我们称之为Footer：

有关更多详细信息，让我们来看看我的应用程序的设计：

- 抽屉

（“交易”、“统计”、“设置”……是堆栈导航器）

- 交易屏幕

我尝试了以下方法：
- 将Footer组件与抽屉放在同一级别。这样做有一个问题：当抽屉打开时，它在抽屉后面Footer -Footer在每个屏幕中添加组件。这不是一个优雅的解决方案，因为Footer将创建多个组件，我必须创建一个 redux 状态来同步这个组件的这些实例。

注意：我使用的是 react-native 版本 0.44 和 react-navigation 版本 1.5.2