在关注textinput时,保持textinput和键盘的小差距

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在关注textinput时,保持textinput和键盘的小差距相关的知识,希望对你有一定的参考价值。

我的屏幕上有多个textInputs,当textinput处于焦点键盘时,内容会很好地移动。

目前这看起来像qazxsw poi

目前这对用户来说很困惑,如果textInput和Keyboard之间有一点差距会更好看。有没有办法做到这一点。谢谢

注意:整件事都在ScrollView中。

答案

尝试使用

喜欢

KeyboardAvoidingView

import { KeyboardAvoidingView } from 'react-native'; <KeyboardAvoidingView style={styles.container} behavior="padding" enabled> ... your UI ... </KeyboardAvoidingView>

以上是关于在关注textinput时,保持textinput和键盘的小差距的主要内容,如果未能解决你的问题,请参考以下文章

React Native TextInput 抓取突出显示的文本,并在我点击离开时保持突出显示

在 React Native 中使用 TextInput 等组件在样式方面保持 DRY 的最佳实践?

具有默认移动皮肤的 Flex TextInput 会自动重新关注标注关闭

在 React Native 中关闭多行 TextInput 中的键盘

带值的 TextInput 不会改变值

在 React Native 的 TextInput 中插入自定义表情符号图像