美文网首页
React Native中KeyboardAvoidingVie

React Native中KeyboardAvoidingVie

作者: mathdog123 | 来源:发表于2017-08-29 19:24 被阅读0次

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

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

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

    相关文章

      网友评论

          本文标题:React Native中KeyboardAvoidingVie

          本文链接:https://www.haomeiwen.com/subject/euyodxtx.html