React Native:iOS 中的透明堆栈导航器不起作用

React Native: Transparent Stack Navigator in iOS doesn't work

我使用 React Navigation 中的 Stack Navigator,并希望使用以下代码使其透明化:

const MyStackNavigator = new StackNavigator({
  ScreenOne: { screen: ScreenOne },
},{
  cardStyle: {
    backgroundColor: "transparent",
  }
});

(另请参阅:https://snack.expo.io/@pob/stacknavigator-problem

Android 中的结果很好,而 iOS 中的结果是黑色的 Stack Navigator:

Android 应用

iOS 应用

我怀疑 Stack Navigator 的卡片背景也是透明的 iOS,但是 iOS Stack Navigator 后面还有另一个黑色视图。

有一个解决方法。请尝试此 link 进行演示 https://snack.expo.io/ryLBDw-1Q

改变的是我在堆栈上为此设置了一个配置

transitionConfig: () => ({
  containerStyle: {
    backgroundColor: 'transparent',
  },
})

这里也提到了这个问题 -> https://github.com/react-navigation/react-navigation/issues/2713