2017-08-24 86 views
0

虚拟键盘显示时如何获得实际屏幕高度?当键盘处于活动状态且处于活动状态时,我需要动态重新调整视图高度。React-Native键盘显示时的实际屏幕尺寸

<View style={styles.container}> 
    <TextInput 
     autoFocus={true}> 
    /> 
    <View style={styles.content}></View> 
<View> 

当键盘存在,驳回我怎么能计算出活动的屏幕高度,

内容:{身高:}

+0

请在这里查看我的答案:https://stackoverflow.com/a/44881130/6592263 –

+0

您是否尝试过使用组件而不是手动设置内容的高度? https://facebook.github.io/react-native/docs/keyboardavoidingview.html? –

+0

我也试过KeyboardAvoidingView,它的效果并不高,它仍然隐藏了一部分视图。我没有任何风格,那么也是。谢谢 – subhajit

回答

0

KeyboardAvoidingView

是解决那些需要迁出的虚拟键盘的方式享有共同问题的组件。它可以根据键盘的位置自动调整其位置或底部填充。

来源: https://facebook.github.io/react-native/docs/keyboardavoidingview.html#relativekeyboardheight

+0

但在最小化高度后,当键盘被解散时,先前的高度不会被重新获得 – subhajit

+0

@subhajit当我有'behavior ='height''时,我有同样的问题,但它可以正常工作'behavior ='padding'' – Mikeyg36

1

使用此KeyboardAwareScrollView,而不是KeyboardAvoidingView

键盘避免了观点并与最后一个元素不大的工作,并设置填充/保证金没有工作。所以你必须添加一个新元素来将所有东西都提升几个像素。

尝试用KeyboardAwareScrollView这使得滚动互动相当无缝,并给出了很多其他的好处就像resetScrollToCoords和被其端部管理高度计算。

+0

@subhajit你有没有设法让它工作? – Balasubramanian