时间戳

首页 > 解决方案 > React Native：iOS 中的透明堆栈导航器不起作用

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

问题描述

我使用来自 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 App 截图 iOS 应用程序

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

标签： iosreact-nativetransparencyreact-navigationstack-navigator

解决方案

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

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

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

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

推荐阅读