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