2020-11-22 键盘遮挡问题

iOS键盘遮挡问题解决

modal弹框组件textInput组件推动键盘滚动,解决方法如下:

<Modal transparent={true} visible={this.state.visible} onRequestClose={onClose} >

        <KeyboardAvoidingView behavior="padding" style={[CollectStyles.flex,]} ></KeyboardAvoidingView>

</ Modal>

添加完KeyboardAvoidingView后,iOS测试没有问题,android键盘没有弹起的,解决方案如下:

KeyboardAvoidingView添加样式  style={[{flex:1 , justifyContent: 'flex-end'}]} 

内部的view添加样式:宽、高、判断显示android需要添加底部的绝对定位,iOS不需要。

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

推荐阅读更多精彩内容