StackNavigator:设置体型

时间:2018-05-20 12:43:34

标签: react-native react-navigation expo native-base stack-navigator

我目前正在使用React-Navigation的StackNavigator工作:https://snack.expo.io/@pob/stacknavigator-problem。我在背景图像前面使用导航器,我希望每个页面的主体都是透明的,这样你就可以通过StackNavigator看到背景图像了。

我已经找到了如何设置StackNavigator标题的样式,但我不知道如何设置它的样式。我想将此身体的颜色设置为'transparent'。有人可以帮忙吗?

Screenshot of the example App

我在iOS中使用Hazim Ali's小吃的结果截图: Screenshot of the example App

1 个答案:

答案 0 :(得分:1)

如果你希望StackNavigator中的所有屏幕都具有透明背景,并且标题不可见,那么应该添加这样的正文样式

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

enter image description here