使特定屏幕透明反应导航

Question

我正在尝试使用反应导航使特定屏幕具有透明背景，但我只想在此特定屏幕上显示此行为。我被困了，因为我尝试了以下方法：

export const MainNavigator = StackNavigator({
  ScreenOne: {
    screen: ScreenOne
  },
  ScreenTwo: {
    screen: ScreenTwoNavigator
  },
  ScreenThree: {
    screen: ScreenThreeNavigator,
  },
}, {
  headerMode: 'none',
  mode: 'modal',
    cardStyle: {
      opacity: 0.1,
   },
})

但是，这会导致不透明度应用于所有屏幕。我也试过从这里删除不透明度，而是在ScreenThreeNavigator中设置它，它只包含我希望透明的单个屏幕。这没有任何影响。我也尝试将此屏幕的视图背景颜色设置为透明，但这也不起作用。

Answer 1

我能够通过采用这种方法而不是使用单独的屏幕来解决问题：

Add an overlay to a react-navigation navigator