Question

我们遇到的情况是，屏幕上存在多个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选项，但是没有运气。如何扩展视图以填充整个屏幕？

Answer 1

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

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

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

1 个答案: