StackNavigator：设置 body 样式

Question

我目前正在使用 React-Navigation 的 StackNavigator 项目：https://snack.expo.io/@pob/stacknavigator-problem。我在背景图片前面使用 Navigator，我希望它的每个页面的 body 都是透明的，这样您就可以通过 StackNavigator 看到背景图片。

我已经知道如何设置 StackNavigator 的 header 的样式，但我不知道如何设置它的 body 的样式。我想将这个 body 的颜色设置为 'transparent'。有人可以帮忙吗？

我在 iOS 中用 Hazim Ali 的零食得到的结果截图：

Answer 1

如果您希望 StackNavigator 中的所有屏幕都具有透明背景，并且 header 不可见

，则应添加类似这样的 body 样式

const MyStackNavigator = new StackNavigator({
  ScreenOne: { screen: ScreenOne },  
},{
  cardStyle: {
    backgroundColor: "transparent",
  },
  navigationOptions: {
    header: null
  }
});