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

相关推荐
San305 分钟前
深度驱动:React Hooks 核心之 `useState` 与 `useEffect` 实战详解
javascript·react.js·响应式编程
flashlight_hi11 分钟前
LeetCode 分类刷题:199. 二叉树的右视图
javascript·算法·leetcode
刘一说17 分钟前
Vue Router:官方路由解决方案解析
前端·javascript·vue.js
OpenTiny社区35 分钟前
🎉 TinySearchBox 重磅更新:支持 Vue2,一次满足我的所有需求!
前端·javascript·vue.js
@大迁世界35 分钟前
面了 100+ 次前端后,我被一个 React 问题当场“打回原形”
前端·javascript·react.js·前端框架·ecmascript
小六*^____^*1 小时前
虚拟列表学习
前端·javascript·学习
1024肥宅1 小时前
工程化工具类:实现高效的工具函数库
前端·javascript·面试
骑驴看星星a1 小时前
【回顾React的一些小细节】render里不可包含的东西
前端·javascript·react.js
妮妮喔妮2 小时前
Nextjs的SSR服务器端渲染为什么优化了首屏加载速度?
开发语言·前端·javascript