ReactNative开发-解决IOS键盘遮挡问题

前言

虽然ReactNative为IOS/Android平台提供了丰富且强大的兼容性组件给开发者们调用,但这毕竟是两套不同的系统。所以难免会会存在些无法兼容的问题或者给自己平台的特性所覆盖。弹出软键盘就是其中一个例子,在Android上,系统已经为我们处理好了键盘的弹出和收起,而且不会有遮挡文本框的情况。但在IOS上就有问题了,当文本框的位置低于软键盘的高度时,文本框就会被覆盖,而不会像Android那样顶在软键盘的上方。

未处理前的效果

  • IOS

  • Android

IOS实现自动管理键盘弹/收问题

解决办法很简单,直接将此文件夹拖到项目的IOS目录下即可实现IOS自动管理键盘遮挡文本框的问题。

  • 下载文件,解压,然后解压后得到的IQKeyboardManager文件夹
  • 添加后会在左侧的导航栏看到已添加的IQKeyboardManager文件夹。
  • 最后重新运行项目即可!

处理后的效果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 这篇文章会对 IQKeyboardManager 自动解决键盘遮挡问题的方法进行分析。 最近在项目中使用了 IQK...
    MissLu16阅读 2,549评论 0 4
  • 一行代码,解决iOS键盘遮挡问题 示例代码:GitHub代码 使用步骤 下载并导入UIViewController...
    YJPizazz阅读 576评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,255评论 4 61
  • 451.Which of the following is not avalid setting for the ...
    GLeo阅读 567评论 0 0
  • ——改编自许嵩《雅俗共赏》 是否每次考试口水都流很长 是否每次成绩都感到脸很烫 比题和卷更多的是不痛不痒 所以你感...
    RangerSun阅读 283评论 2 2