草庐IT

ios - 在 iOS 上滚动时防止 TextInput 聚焦

coder 2023-09-23 原文

我有一个 ScrollView 和一个 TextInput multiline={true} 字段，用作具有动态高度的文本区域，内容从状态读取(它有一个 Text 字段，其中显示文本)。

我的问题是，当 TextInput 增长到几行时，如果我通过在该字段上滑动来滚动屏幕(我没有长按或类似操作)，该字段将触发其 onFocus 事件，键盘将显示。

它不会每次都发生，但它发生的次数足够多，让人非常讨厌。

我尝试将 ScrollView 设置为 keyboardDismissMode="on-drag" 但它没有帮助，在 View 滚动时键盘仍然显示。

<ScrollView keyboardDismissMode="on-drag">
  <TextInput multiline={true} onFocus={() => console.log('boop')}>
    <Text>{this.state.someText}</Text>
  </TextInput>
</ScrollView>

我也尝试过在 TextInput 中没有 Text 字段的情况下执行此操作，并且 onFocus 仍然会启动。

我做错了什么吗？还有什么我可以尝试的，比如检查屏幕是否仍在滚动，blur() 字段是否为 true 或类似的东西？

有什么方法可以让我仅在“明确”点击该字段时才能聚焦该字段？

感谢您的帮助。

最佳答案

这是一个hacky 解决方法:

将 TextInput 包裹在 TouchableOpacity 中，并将 TextInput 的 pointerEvents 属性设置为指向一个状态变量，即 this.state.pointerEvents，并将该变量初始化为 'none'。这会阻止 TextInput 接收任何触摸事件，并允许您在其顶部滑动而无需捕获焦点。

在 TouchableOpacity 的 onPress 属性中，通过将状态变量设置为 'auto' 来启用 pointerEvents > 然后使用对 TextInput 的引用手动分配焦点，即:

this._textInput.focus()

最后，重写 TextInput 的 onBlur 属性并让它重新初始化 pointerEvents 状态回到 'none' 所以在用户完成编辑后它的行为就像以前一样。

解释

它的工作方式是 TouchableOpacity 本质上捕获了通常由 TextInput 消耗的所有触摸事件，但与其余部分的拖动交互用户界面以我们期望的友好方式。当为 TouchableOpacity 触发 onPress 事件时，我们实际上是在谈论真正的新闻事件，而不是错误识别的拖动。

如果您不想使用 TouchableOpacity 的动画，您可以将 activeOpacity 属性分配给 1，或者使用 code>TouchableWithoutFeedback 代替。

关于ios - 在 iOS 上滚动时防止 TextInput 聚焦，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38885599/

TextInputioscodesectionreact-native

有关ios - 在 iOS 上滚动时防止 TextInput 聚焦的更多相关文章

  1. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下

  2. Ruby 文件 IO 定界符？ - 2

    我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？ 最佳答案 接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的

  3. Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2

    1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里

  4. ruby - 为什么不能使用类IO的实例方法noecho？ - 2

    print"Enteryourpassword:"pass=STDIN.noecho(&:gets)puts"Yourpasswordis#{pass}!"输出:Enteryourpassword:input.rb:2:in`':undefinedmethod`noecho'for#>(NoMethodError) 最佳答案 一开始require'io/console'后来的Ruby1.9.3 关于ruby-为什么不能使用类IO的实例方法noecho？，我们在StackOverflow上

  5. ruby-on-rails - Rails 3.2 防止使用错误保存对象 - 2

    我有一个ActiveRecord对象，我想在不对模型进行永久验证的情况下阻止它被保存。您过去可以使用errors.add执行类似的操作，但它看起来不再有效了。user=User.lastuser.errors.add:name,"namedoesn'trhymewithorange"user.valid?#=>trueuser.save#=>true或user=User.lastuser.errors.add:base,"myuniqueerror"user.valid?#=>trueuser.save#=>true如何在不修改用户对象模型的情况下防止将用户对象保存在Rails3.2中

  6. ruby - 防止SQL注入(inject)/好的Ruby方法 - 2

    Ruby中防止SQL注入(inject)的好方法是什么？ 最佳答案 直接使用ruby？使用准备好的语句:require'mysql'db=Mysql.new('localhost','user','password','database')statement=db.prepare"SELECT*FROMtableWHEREfield=?"statement.execute'value'statement.fetchstatement.close 关于ruby-防止SQL注入(inject

  7. ruby - 为 IO::popen 拯救 "command not found" - 2

    当我将IO::popen与不存在的命令一起使用时，我在屏幕上打印了一条错误消息:irb>IO.popen"fakefake"#=>#irb>(irb):1:commandnotfound:fakefake有什么方法可以捕获此错误，以便我可以在脚本中进行检查？ 最佳答案 是:升级到ruby​​1.9。如果您在1.9中运行它，则会引发Errno::ENOENT，您将能够拯救它。(编辑)这是在1.8中的一种hackish方式:error=IO.pipe$stderr.reopenerror[1]pipe=IO.popen'qwe'#

  8. ruby-on-rails - 如何防止错误 "code converter not found (UTF-8)"？ - 2

    我在生产环境(CentOS5.6)中遇到此错误，但在开发环境(Ubuntu11.04)中运行良好。在这两种环境中，该应用程序都使用Ruby1.9.3和Rails3.0.9，并由passenger和nginx提供服务。我的Mechanizegem版本是2.3。未找到代码转换器(UTF-8)此代码的最后一行触发它:mech=Mechanize.newpage=mech.get("http://myurl.com/login.php?login_name=a&password=b")form=page.form_with(:name=>"loginForm")form.field_with(

  9. ruby - IO::EAGAINWaitReadable:资源暂时不可用 - 读取会阻塞 - 2

    当我尝试使用“套接字”库中的方法“read_nonblock”时出现以下错误IO::EAGAINWaitReadable:Resourcetemporarilyunavailable-readwouldblock但是当我通过终端上的IRB尝试时它工作正常如何让它读取缓冲区？ 最佳答案 IgetthefollowingerrorwhenItrytousethemethod"read_nonblock"fromthe"socket"library当缓冲区中的数据未准备好时，这是预期的行为。由于异常IO::EAGAINWaitReadab

  10. ruby - 如何使用 ruby​​ fibers 避免阻塞 IO - 2

    我需要将目录中的一堆文件上传到S3。由于上传所需的90%以上的时间都花在了等待http请求完成上，所以我想以某种方式同时执行其中的几个。Fibers能帮我解决这个问题吗？它们被描述为解决此类问题的一种方法，但我想不出在http调用阻塞时我可以做任何工作的任何方法。有什么方法可以在没有线程的情况下解决这个问题？ 最佳答案 我没有使用1.9中的纤程，但是1.8.6中的常规线程可以解决这个问题。尝试使用队列http://ruby-doc.org/stdlib/libdoc/thread/rdoc/classes/Queue.html查看文

随机推荐