React Native中经常会遇到键盘遮挡TextInput组件的情况,在ios版本中可以使用KeyboardAvoidingView包裹目标组件,这样可以避免输入时键盘遮挡组件。
最近项目开始使用React Navigation来导航页面,这样原先的页面就发生了一个问题:使用KeyboardAvoidingView并不能使包裹的组件上浮(其实是上浮距离不够)。这个时候就要使用组件自带属性keyboardVerticalOffset,设置的值为Navigation高度的负值。这样问题就解决了。
仅作备忘使用,就不贴图了,本来使用GitHub上看到的案例,但是下班再回家搜发现也找不到了。。。
网友评论