rn 键盘上方添加自定义安全健

效果图:


image.png
    //键盘弹出事件响应
    keyboardDidShowHandler(event) {
        // this.setState({KeyboardShown: true});
        console.log(event.endCoordinates.height);

        this.setState({
            keyboardTopHeight:30,
            keyboardTopMarginTop:height - event.endCoordinates.height - 30,
        })
    }

    //键盘隐藏事件响应
    keyboardWillHideHandler(event) {
        // this.setState({KeyboardShown: false});

        this.setState({
            keyboardTopHeight:0,
            keyboardTopMarginTop:0,
        })
    }

    //强制隐藏键盘
    dissmissKeyboard() {
        Keyboard.dismiss();
        console.log("输入框当前焦点状态:" + this.refs.bottomInput.isFocused());

        this.setState({
            keyboardTopHeight:0,
            keyboardTopMarginTop:0,
        })
    }

android有物理返回键 所以android用Platform过滤了

demo

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

推荐阅读更多精彩内容

  • 1、通过CocoaPods安装项目名称项目信息 AFNetworking网络请求组件 FMDB本地数据库组件 SD...
    阳明AI阅读 16,035评论 3 119
  • 小曲曲菜吆,做咸粥 中枢居士 小曲曲菜吆 做咸粥 喝一口吆 爽煞人 小曲曲菜吆 做咸粥 喝一口吆 想煞人 小曲曲菜...
    中枢居士阅读 3,669评论 0 0
  • 偷偷, 爱住进了心, 心把自己撕碎, 盖起一间小屋, 风和雨敲打房门, 心却在笑, 笑爱嫩绿的芽和娇艳的花。 悄悄...
    发霉的木头阅读 2,695评论 1 2
  • 不知道在你化妆时是否有注意这些小技巧?没注意这六点化妆小技巧的,可以收藏记录下来!因为这只会让你更美!聪明的人会善...
    淡墨云晨阅读 3,073评论 0 0
  • 爱因斯坦不靠补脑变天才 大脑是个机动性的组织,绝对不可能只激发右脑,而让左脑躺着不动,更不可能“让右脑停工,甚至养...
    Wangyifang阅读 2,224评论 0 0