键盘显示时React-Native实际屏幕大小

Question

虚拟键盘显示时如何获得实际屏幕高度？当键盘处于活动状态且处于活动状态时，我需要动态调整视图高度。

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

当键盘存在并解除时，我如何计算活动屏幕高度，

  

内容：{height：？}

Answer 1

使用此 KeyboardAwareScrollView 代替 KeyboardAvoidingView

键盘避免视图与最后一个元素不太一致，并且设置填充/边距不起作用。所以你必须添加一个新的元素来突破几个像素。

尝试使用 KeyboardAwareScrollView ，这使得滚动互动非常无缝，并提供了许多其他好处，例如resetScrollToCoords，并在结束时管理高度计算。

Answer 2

KeyboardAvoidingView

它是解决需要移开虚拟键盘的常见问题的组件。它可以根据键盘的位置自动调整其位置或底部填充。

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