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

Posted 2023-02-19

【中文标题】React Native：iOS 中的透明堆栈导航器不起作用

【英文标题】：React Native: Transparent Stack Navigator in iOS doesn't work

【发布时间】：2018-10-31 22:33:43

【问题描述】：

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

安卓应用

iOS 应用程序

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

【参考方案1】：

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

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

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

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