React Native中KeyboardAvoidingView失效时解决方法

React Native中经常会遇到键盘遮挡TextInput组件的情况,在ios版本中可以使用KeyboardAvoidingView包裹目标组件,这样可以避免输入时键盘遮挡组件。

最近项目开始使用React Navigation来导航页面,这样原先的页面就发生了一个问题:使用KeyboardAvoidingView并不能使包裹的组件上浮(其实是上浮距离不够)。这个时候就要使用组件自带属性keyboardVerticalOffset,设置的值为Navigation高度的负值。这样问题就解决了。

仅作备忘使用,就不贴图了,本来使用GitHub上看到的案例,但是下班再回家搜发现也找不到了。。。

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

推荐阅读更多精彩内容