使特定屏幕透明反应导航

Question

我正在尝试使用 React 导航使特定屏幕具有透明背景，但我只希望在该特定屏幕上出现此行为。我被卡住了，因为我尝试了以下方法：

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

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

Answer 1

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

使特定屏幕透明反应导航

Make a specific screen transparent react navigation

react-native

react-navigation