反应导航-DrawerNavigator中跨屏幕的通用组件

Question

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

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

-抽屉

（“交易”，“统计信息”，“设置” ...是堆栈导航器）

-交易屏幕

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

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