码迷,mamicode.com
首页 > 其他好文 > 详细

React-native 关于键盘遮挡界面问题

时间:2019-10-21 12:03:47      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:页面   return   框架搭建   ati   键盘   import   port   注意   end   

//引入 KeyboardAvoidingView 
import { KeyboardAvoidingView } from ‘react-native‘;

//使用 KeyboardAvoidingView 
render(){
    return <KeyboardAvoidingView behavior={‘padding‘} style={{flex: 1}}>
        {/*具体页面内容*/}
    </KeyboardAvoidingView>
}

//android 已经处理 其实只需要处理Ios 就可以了  

但是有个问题 当使用scrollView  时,再其中的元素依旧会被遮挡,需要注意

通常在框架搭建之初就应该添加适配写法

 

React-native 关于键盘遮挡界面问题

标签:页面   return   框架搭建   ati   键盘   import   port   注意   end   

原文地址:https://www.cnblogs.com/web-Rain/p/11712210.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!