我使用以下样式作为加载视图(最后一个孩子)。
overlay: {
flex: 1,
zIndex:2,
position: 'absolute',
height:HEIGHT,//(HEIGHT & WIDTH obtained from Dimensions)
width:WIDTH,
backgroundColor: 'black',
opacity: 0.5,
alignItems:'center',
justifyContent:'center',
}
此视图应涵盖整个屏幕。但在底部有一些余地。
如何删除它?
解决方案:实际上KeyboardAwareScrollView存在问题。我通过给contentContainerStyle = {{flex:1}}
解决了这个问题<KeyboardAwareScrollView
style={styles.scrollView}
resetScrollToCoords={{ x: 0, y: 0 }}
contentContainerStyle={{flex:1}}
scrollEnabled={true}>
//All children
<LoadingView style={styles.overlay}/>
</KeyboardAwareScrollView>