KeyboardAvoidingView将前4个TextInput移出屏幕

时间:2019-04-11 07:46:32

标签: react-native keyboard scrollview

我正在将 KeyboardAvoidingView ScrollView TextInput 一起使用。当前几个TextInput聚焦时,键盘出现,并将TextInput移得太高,超出了屏幕。

我尝试将KeyboardAvoidingView用作父标记,将ScrollView用作子标记,反之亦然。我还玩过KeyboardAvoidingView的道具( keyboardVerticalOffset 行为等)。但是,没有一个成功。我还测试了 react-native-keyboard-aware-scrollview 软件包,但完全没有效果。

<KeyboardAvoidingView behavior={'position'}>
        <ScrollView>
          <TextInput/>
          <TextInput/>
          <TextInput/>
          ...
        </ScrollView>
</KeyboardAvoidingView>

预期的行为:当输入位于靠近顶部的区域时,键盘不得将屏幕向上移动。 (键盘和焦点输入之间的距离不能太大)

1 个答案:

答案 0 :(得分:0)

您可以将道具的behavior = {'position'}更改为behavior = {'padding'}。就我而言,它可以解决问题。