安卓键盘可以自动上去,苹果键盘不会自动上去

参考WeItemDetail.js

参考SelfImageModalPage.js

首先import {Platform,Keyboard} from 'react-native';

设置键盘高度62行

然后设置键盘隐藏和显示

componentDidMount(){

Keyboard.addListener('keyboardWillShow', this.keyboardWillShow.bind(this))

Keyboard.addListener('keyboardWillHide', this.keyboardWillHide.bind(this))

}

_setModalVisible(visible) {

this.setState({modalVisible: visible});

};

keyboardWillShow (e) {

this.setState({keybordHeight:e.endCoordinates.height})

}

keyboardWillHide (e) {

this.setState({keybordHeight:0})

}

最后把样式添加

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

推荐阅读更多精彩内容

  • 前言 本文有配套视频,可以酌情观看。 文中内容因各人理解不同,可能会有所偏差,欢迎朋友们联系我。 文中所有内容仅供...
    珍此良辰阅读 5,423评论 13 7
  • 本文旨在指导React Native初学者如何使用React Native初步构建Android应用。在看本文之前...
    KenChoi阅读 9,940评论 0 16
  • 1 页面跳转 this.props.navigator.push({ title:"Detail", compon...
    RN_GP阅读 3,741评论 0 1
  • 简单的都是美的 20g白糖,500ml牛奶,一个红茶包。一杯香甜美味的奶茶就形成了,就是这么简单,成本也很低,最贵...
    插画师蔚蓝V_LAN阅读 1,898评论 0 0
  • 25岁,坚持做to do list。每日的目标规划,让我清晰又充实,不因虚度而懊恼,不因错过而遗憾。 25岁,坚持...
    超级孙猴子阅读 1,085评论 0 0