react-native键盘遮盖底部输入框问题修复

在开发react native项目时碰到软键盘弹起时遮盖输入框的问题,使用官方提供的组件KeyboardAvoidingView效果不是很好,在github上找了一个组件react-native-keyboard-aware-scroll-view,地址:https://github.com/APSL/react-native-keyboard-aware-scroll-view,用法也比较简单

使用

npm i react-native-keyboard-aware-scroll-view --save

需要注意插件版本

v0.4.0 requires RN>=0.48

v0.2.0 requires RN>=0.32.0.

v0.1.2 requires RN>=0.27.2 but you should use 0.2.0 in order to make it work with multiple scroll views.

v0.0.7 requires react-native>=0.25.0.

Use v0.0.6 for older RN versions.

复制代码
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'

<KeyboardAwareScrollView>
  <View>
    <TextInput />
  </View>
</KeyboardAwareScrollView>

可以也配置一些参数,满足不同的场景,自行去github查看

相关推荐
Southern Wind6 分钟前
Vue 3 多实例 + 缓存复用:理念及实践
前端·javascript·vue.js·缓存·html
前端鳄鱼崽33 分钟前
【react-native-inspector】全网唯一开源 react-native 点击组件跳转到编辑器
前端·react native·react.js
用户984022766791833 分钟前
【React.js】渐变环形进度条
前端·react.js·svg
前端拿破轮40 分钟前
从0到1搭一个monorepo项目(一)
前端·javascript·git
Mintopia1 小时前
🎨 AIGC 内容过滤技术:当创作的洪流遇上理性的堤坝
前端·javascript·aigc
Shi_haoliu2 小时前
Vue2 + Office Add-in关于用vue项目于加载项控制excel单元格内容(Demo版)
前端·javascript·vue.js·node.js·html·excel·office
aesthetician6 小时前
Node.js v25 重磅发布!革新与飞跃:深入探索 JavaScript 运行时的未来
javascript·node.js·vim
demi_meng9 小时前
reactNative 遇到的问题记录
javascript·react native·react.js
千码君201610 小时前
React Native:从react的解构看编程众多语言中的解构
java·javascript·python·react native·react.js·解包·解构
EndingCoder12 小时前
WebSocket实时通信:Socket.io
服务器·javascript·网络·websocket·网络协议·node.js