React Native Expand在页眉和页脚组件上方全屏查看

时间:2018-10-27 11:03:15

标签: react-native native-base

我们遇到的情况是,屏幕上存在多个View组件。每个组件都有一些与进度条相关的内容。

但是,当用户点击任意一个View时,我们希望将其扩展到全屏,并通过应用新样式来实现它,

  fullscr: {
    top: 0,
    left: 0,
    height: "100%",
    width: 100%,
    width: Dimensions.get('window').width,
    height: Dimensions.get('window').height,
    position: 'absolute',
    justifyContent: 'center',
    alignItems: 'center',
  }

但是视图未扩展到本机基础的页眉和页脚上方。它扩展了视图的其余部分,但没有扩展页眉和页脚。

我尝试了zIndex和height选项,但是没有运气。如何扩展视图以填充整个屏幕?

1 个答案:

答案 0 :(得分:0)

您可以有条件地隐藏native-base的页脚和页眉,这样,您可以在native-base的Container组件中将视图包含在Content中。

<Container>
{condition ? <Fragment> :<Header/>}
<Content>
  {{Your main view goes here}}
</Content>
{condition ? <Fragment> :<Footer/>}
</Container>