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

时间:2018-05-22 08:16:19

标签: ios react-native transparency react-navigation stack-navigator

我使用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:

Screenshot of the Android App Android应用程序

Screenshot of the iOS App iOS应用程序

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

1 个答案:

答案 0 :(得分:4)

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

更改的是我在堆栈上为此设置配置

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

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