React Native中如何通过tabBar navigator实现类模态框的Tab页面效果？

我有4个tabBar，分别命名为A、B、C、D。
当停留在tab页面C并点击tab D时，希望D页面背景透明，能够显示背后的C页面。
尽管我给tab页面D设置了backgroundColor为rgba(0, 0, 0, 0.2)，但由于tabBar导航不像stack navigation那样堆叠页面，仅显示灰色效果。
请问能否通过tabBar navigator实现这种透明背景显示前一页面的效果？

默认的tabBar navigator切换时会卸载非活跃页面，所以直接设置透明背景无法看到之前的页面，要实现需求可以试试以下思路：

• 自定义TabBar点击逻辑，将D转为模态层
  不把D作为独立的tab页面，而是做成全屏模态覆盖组件。自定义tabBar的点击事件：当当前页面是C且点击D的tab项时，触发显示D的模态层；如果是其他页面点击D，再正常切换到D的常规页面（或根据需求调整逻辑）。这样模态层会覆盖在C页面上方，设置透明背景就能看到背后的C。

• 嵌套Stack导航结构
  将C页面所在的tab改成一个Stack navigator，里面包含C的主页面和D页面。自定义tabBar的跳转逻辑：当点击D的tab时，如果当前在C页面，就执行Stack的push操作打开D页面；如果在其他页面，则切换到D的独立页面。这种方式下D页面堆叠在C上方，设置透明背景就能看到下层的C。

• 不推荐直接保留非活跃tab页面实例：手动控制页面的挂载状态虽然能实现，但容易导致内存泄漏和状态管理混乱，除非有特殊需求，不建议采用。

内容的提问来源于stack exchange，提问作者Hyejung