ReactNative[IOS]点击空白位置无法隐藏键盘

最近在开发项目的需求中,测试同学提了一个bug,在如下页面中,有三个输入框,在iOS手机上,输入完之后,无法隐藏键盘;安卓手机上,键盘都有收起按钮,所以没有这个问题。
ReactNative[IOS]点击空白位置无法隐藏键盘_第1张图片

想到的解决方案:
1、让输入框失去焦点,
2、点击背景空白位置,监听键盘Keyboard事件,调用dismiss()方法隐藏软键盘。
以上两个方案,都需要写一堆代码,忽然想到之前有类似的页面需求,重新review了一下代码,发现只需要在最外层布局加一个Scrollview即可解决。


                    
                        ... 其他代码
                        
                             this.setState({
                                    text
                                })}
                            />
                        

                    
                

欢迎关注个人公众号:君伟说。
ReactNative[IOS]点击空白位置无法隐藏键盘_第2张图片

你可能感兴趣的:(react-native,ios)