【问题标题】:React Native: Transparent Stack Navigator in iOS doesn't workReact Native:iOS 中的透明堆栈导航器不起作用
【发布时间】: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。

【问题讨论】:

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


    【解决方案1】:

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

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

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-05-24
      • 1970-01-01
      • 2022-11-10
      • 2020-11-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多