我们遇到的情况是,屏幕上存在多个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选项,但是没有运气。如何扩展视图以填充整个屏幕?
答案 0 :(得分:0)
您可以有条件地隐藏native-base的页脚和页眉,这样,您可以在native-base的Container组件中将视图包含在Content中。
<Container>
{condition ? <Fragment> :<Header/>}
<Content>
{{Your main view goes here}}
</Content>
{condition ? <Fragment> :<Footer/>}
</Container>