React Native 键盘问题
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React Native 键盘问题相关的知识,希望对你有一定的参考价值。
参考技术A 没什么好讲的,键盘总是浮动覆盖在页面之上,页面无任何变化。有以下特点:键盘的行为与 androidManifest.xml 配置中的 windowSoftInputMode 有关系,设置值可参考 官方文档 ,结合 RN,实测结果
该类型配置对键盘行文无影响,主要影响页面展示/切换后,键盘初始状态是否打开,对于 RN,尤其是使用 react navigation 的情况,就一个单 Activey,键盘总是关闭的。
无论页面内包含什么类型的组件,总表现出如下效果
RN 默认使用该模式,键盘以浮动形式显示在界面上,键盘弹出时会对页面内的弹性组件进行特殊处理,弹性组件包括: ScrollView 等可滚动组件、使用 flex 布局设置的非固定高度组件
键盘总是浮动在页面之上,与 ios 表现相同
但是设置为该值,将无法触发任何 keyboard 监听事件,所有也就没办法像 iOS 那样通过 JS 解决输入框被覆盖的问题。哪怕是其他 adjust*** 组件,也仅支持 keyboardDidShow 和 keyboardDidHide 事件;比如想通过设置为 adjustPan 自行解决缩放和滚动问题,由于没有 keyboardWillShow 和 keyboardWillHide ,最终表现效果也不会如原生那样丝滑。
所以:在 Android 下还是保持使用 adjustResize 模式相对最优
以上是关于React Native 键盘问题的主要内容,如果未能解决你的问题,请参考以下文章