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查看

相关推荐
静小谢12 分钟前
前后台一起部署,vite配置笔记base\build
前端·javascript·笔记
用户479492835691535 分钟前
改了CSS刷新没反应-你可能不懂HTTP缓存
前端·javascript·面试
wangan0941 小时前
不带圆圈的二叉树
java·前端·javascript
JohnYan2 小时前
Bun技术评估 - 22 Stream
javascript·后端·bun
Aevget2 小时前
界面控件DevExpress JS & ASP.NET Core v25.1 - 全新的Stepper组件
javascript·asp.net·界面控件·devexpress·ui开发
林希_Rachel_傻希希2 小时前
手写Promise最终版本
前端·javascript·面试
该用户已不存在2 小时前
Node.js后端开发必不可少的7个核心库
javascript·后端·node.js
AAA阿giao2 小时前
从“操纵绳子“到“指挥木偶“:Vue3 Composition API 如何彻底改变前端开发范式
开发语言·前端·javascript·vue.js·前端框架·vue3·compositionapi
专注前端30年2 小时前
在日常开发项目中Vue与React应该如何选择?
前端·vue.js·react.js
馬致远3 小时前
Vue todoList案例 优化之本地存储
前端·javascript·vue.js