React-Native TextInput 组件需要点击两次才能获取子组件的回调事件 - 解决

简介: TextInput控件后面根了一个搜索按钮,当TextInput中输入内容后,点击搜索获取内容,并触发搜索, Bug : 不能触发回调解决: keyboardShouldPersistTaps={'always'}keyboardShouldP...

TextInput控件后面根了一个搜索按钮,当TextInput中输入内容后,点击搜索获取内容,并触发搜索, Bug : 不能触发回调

解决: keyboardShouldPersistTaps={'always'}
keyboardShouldPersistTaps enum('always', 'never', 'handled', false, true)

(注:很多人反应TextInput无法自动失去焦点/需要点击多次切换到其他组件等等问题,其关键都是需要将TextInput放到ScrollView中再设置本属性) FlatList 也一样 ,只要是滚动的容器组件

'never'(默认值),点击TextInput以外的子组件会使当前的软键盘收起。此时子元素不会收到点击事件。
'always',键盘不会自动收起,ScrollView也不会捕捉点击事件,但子组件可以捕获。
'handled',当点击事件被子组件捕获时,键盘不会自动收起。这样切换TextInput时键盘可以保持状态。多数带有TextInput的情况下你应该选择此项。
false,已过期,请使用'never'代替。
true,已过期,请使用'always'代替。

目录
相关文章
|
19天前
|
消息中间件 前端开发
React技术栈-组件间通信的2种方式
本文介绍了React技术栈中组件间通信的两种方式:通过props传递数据和使用消息发布(publish)-订阅(subscribe)机制,并通过实例代码展示了如何使用PubSubJS库实现跨组件通信。
43 11
React技术栈-组件间通信的2种方式
|
19天前
|
前端开发 Python
React技术栈-React路由插件之自定义组件标签
关于React技术栈中React路由插件自定义组件标签的教程。
37 4
React技术栈-React路由插件之自定义组件标签
|
3天前
|
前端开发
react学习(17)回调形式的ref
react学习(17)回调形式的ref
|
4天前
|
前端开发
react学习(15)函数式组件中使用props
react学习(15)函数式组件中使用props
|
4天前
|
前端开发
react学习(14)类式组件的构造器与props
react学习(14)类式组件的构造器与props
|
2天前
|
前端开发 JavaScript
react学习(19)事件处理
react学习(19)事件处理
|
2天前
|
前端开发 JavaScript
react学习(21)受控组件
react学习(21)受控组件
|
10天前
|
前端开发 JavaScript
React的事件与原生事件的执行顺序?
React的事件与原生事件的执行顺序?
|
18天前
|
前端开发
react antd点击table行时加选中背景色
react antd点击table行时加选中背景色
44 5
|
2天前
|
前端开发 JavaScript
react学习(20)非受控组件
react学习(20)非受控组件