KeyboardAwareScrollView- ReactNative中不需要的底部边距

时间:2017-05-24 07:06:02

标签: react-native react-native-android

我使用以下样式作为加载视图(最后一个孩子)。

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', }

此视图应涵盖整个屏幕。但在底部有一些余地。

ScreenShot

如何删除它?

解决方案:实际上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>

enter image description here

0 个答案:

没有答案