允许在 React Native 中关注 TextInput 时点击/按下项目

2024-02-05

我有一个TextInput其功能是对某些结果进行搜索/过滤。结果显示在ScrollView.

我遇到的问题是,虽然国家focus on the TextInput,用户必须点击两次才能选择该项目(这是一个TouchableOpacity) 在里面ScrollView.

第一次点击会关闭键盘并blur,第二次点击即可选择该项目。对于我的特定情况来说,这不是理想的用户体验......而且我不确定是否有解决方法。

有没有办法让某个项目在TextInput是在一个focus状态以避免选择项目的两次点击过程?


您可以控制ScrollView关于通过点击和键盘解除keyboardShouldPersistTaps的支柱ScrollView.

对于您所描述的行为最合适的选项是always or handled。这两个选项都将允许ScrollView的孩子们在不自动关闭键盘的情况下接收触摸,不同之处在于handled选项会让ScrollView如果没有被任何其他可触摸组件捕获,则接收触摸,并在这种情况下关闭键盘。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

允许在 React Native 中关注 TextInput 时点击/按下项目 的相关文章

  • React Native:捆绑失败 - 无法解析模块“AccessibilityInfo”

    错误 捆绑失败 错误 无法解析模块AccessibilityInfo from D MyApp node modules react native Libraries react native react native implementa
  • React-navigation、tintColor 在 props 验证中丢失

    我已将反应导航代码放入单独的 Routes 文件中 然后将其导入到 App js 文件中 一切工作正常 但我在 Atom Nuclide 中使用 Airbnb ESLint 配置 并收到了 TintColor 错误 道具验证中缺少tintC
  • 应用程序位于前台时的 IOS Expo 推送通知

    从博览会文档中阅读 对于 iOS 明智的做法是处理以下推送通知 当应用程序处于前台时收到 因为否则用户 永远不会见到他们 应用程序运行时到达的通知 iOS 上的前台不会显示在系统通知列表中 A 常见的解决方案是手动显示通知 为了 例如 如果
  • KeyboardAvoidingView - 隐藏键盘时重置高度

    我正在使用 React NativeKeyboardAvoidingView设置我的高度View当显示键盘时 但是当我关闭应用程序中的键盘时 视图的高度不会变回原来的值
  • 在 React Native 中将 Props 传递到屏幕

    我已经开始学习 React Native 并且一如既往地从创建可重用组件开始 我了解了如何在创建自定义组件时传递和访问 props 我想在 React Native 中创建一个基本屏幕 它具有通用属性 并且我的应用程序中的所有屏幕都可以设置
  • 如何在应用程序关闭时在 Android 通知中显示操作按钮?

    我有一个安卓应用程序 对于通知 我们必须显示一些操作按钮 当应用程序打开时 我们可以自由地构建通知并显示操作按钮 但是当应用程序关闭时 通知会在 Android 的通知托盘中收到 应用程序开发人员无法控制构建用户界面和操作按钮 我们现在如何
  • Firebase Web 与 iOS 和 Android 版本的 React Native 项目

    我是应用程序开发新手 这让我很困惑 我有一个用react native 创建的项目 我希望它可用于android 和iOS 我看过一些关于如何为 React Native 后端创建 Firebase 数据库的教程 其中一些在构建应用程序时选
  • 从本机代码访问 AsyncStorage

    我需要使用 JS 代码中的 AsyncStorage 将数据保存在本地存储中 我想知道是否有一种方法可以从本机代码 Objective C 或 Java 访问 AsyncStorage 存储的数据 Thanks 如果你导入RCTAsyncL
  • Android 上的 React Native:无法运行程序“node”:错误=2,没有这样的文件或目录

    编辑 我不确定我采取了哪些步骤来解决此问题 并且不再看到此错误消息 因此我无法测试下面的解决方案 请单独尝试 因为不同的答案似乎适用于不同的人 iOS 版本工作正常 但在我的 Mac 上运行 Android Studio 时出现以下 Gra
  • 如何在 React Native 中做最后一个子选择器?

    我使用Scrollview 里面有3个视图 我在它们之间留了一个间隙 例如 marginRight 5 但我不希望在最后一个视图中出现这种间隙 这就是为什么我需要这种东西 你能帮助我吗 应用这个你就可以实现你在寻找什么 const styl
  • React Native 输入组件仅接受数值

    在React Native项目中 我有一个来自Native Base的输入组件 我希望这个组件只接受数值0 9并给这个字段默认值 我寻找了关于这个问题的其他问题 我不知道也许那些答案是针对 textInput 组件的 或者不知何故建议对我不
  • 如何在 Android 中实现 React Native UI 组件方法

    我很清楚 对于react native本机模块 我们可以使用 ReactMethod导出一个方法并从 JSX 调用它 但是我们如何在 React Native 原生 UI 组件中做同样的事情呢 在文档中我只看到 ReactProp被提及 如
  • React Native 构建成功,但“没有启动任何设备。”

    这是我的环境 AwesomeProject node version v6 3 0 AwesomeProject npm version 3 10 3 AwesomeProject react native version react na
  • 有没有办法限制 React-Native 中 TextInput 的长度?

    我一直在尝试使我的程序不允许您在 TextInput 组件中输入超过一定数量的字符 类似于 maxLength 对于输入的工作方式 我还没有找到任何类似的 textInput 的 maxLength 有没有一种简单的方法来设置 组件的最大字
  • React Native:约束 Animated.Value

    我正在制作一个 React Native 应用程序 场景是这样的 我希望用户能够平移视图 但不完全按照他想要的方式 我想约束视图被拖动时可以移动的距离由用户 我已经阅读了两者的文档PanResponder and AnimatedAPI 多
  • React-Native 中的导航抽屉

    我是反应原生的新手 不介意我问一个基本问题 我想知道 实现抽屉式导航的分步过程是什么 推荐链接这个链接 https github com react native community react native side menu usage
  • ListView无法滚动

    正如你在所附的 GIF 中看到的 我无法滚动浏览ListView 一旦我释放鼠标 视图就会恢复到原始位置 我已经阅读了文档 似乎滚动应该只是工作 这是执行render render function return
  • 如何在react-navigation v5中使用withNavigation?

    我有一个嵌套组件 我想使用withNavigation在react navigation v5的嵌套组件中 为什么你不创建自己的带导航 import React from react import useNavigation from re
  • 如何在 React Native 中使用相同的 Firebase 数据库在两个应用程序之间进行通信?

    我有两个不同的应用程序使用相同的实时数据库 在第一个应用程序中 我发送的订单包含一些要保存在数据库中的数据字段 在另一个应用程序中 我只添加一个侦听器 firebase database ref userOrder currentUser
  • 如何在 TypeScript 中使用 navigation.replace ?

    我试图在我的代码中使用它 const navigation useNavigation navigation replace AllFriends 但我不断收到错误消息 Property replace does not exist on

随机推荐

  • 在自定义适配器的列表视图项中加载不同的图像

    您好 如果我在解释问题时有误 请原谅我 我有一个自定义基本适配器 其中有两个 imageView 和两个 TextView 我使用异步任务从 URL 设置图像 它会设置图像 但会自动再次更改图像 下面是适配器的代码 public class
  • 使用声明性命令创建 Kubernetes Pod 时出现 ErrImagePull:401 Unauthorized

    我正在开展一个实验室 展示如何在 IBM Cloud 上设置 Kubernetes 和 CLI 我有 Kubernetes 集群设置和容器注册表 我在 CLI 上登录到 IBM Cloud 和 Container Registry 镜像已创
  • 加密密钥未经授权用于持续部署 Travis → Heroku

    我正在尝试配置币管家 http www coinsmanager com 以便阿尔法版本 http alpha coinsmanager com Travis 持续集成后自动部署 这是我们的 travis yml file language
  • 如何获取颤振中列表视图滚动的索引号?

    我在 flutter 应用程序中使用下面的列表视图生成器代码 我需要在滚动时获取列表中项目的索引 就像函数一样onPageChanged 使用时PageView Builder return ListView builder itemCou
  • 在 MVC 控制器中处理 DbContext,哪种方式“更好”?

    在 MVC 5 中 脚手架代码将类似于 public class MyController Controller private MyContext db new MyContext protected override void Disp
  • 使用fences清理命令缓冲区并同时同步交换链图像

    假设我有一个交换链 其中包括n图像和我允许k 飞行中的帧 我确保之间的正确同步vkAcquireNextImageKHR vkQueueSubmit and vkQueuePresentKHR通过一组信号量imageAvailableSem
  • 更改 MGTwitterEngine 的委托

    我已经使用 MGTwitterEngine 的扩展类通过 xAuth 设置并成功登录 我的问题是如果我想将其传递给另一个视图控制器 我如何更改委托类 因为它是某种弱引用 interface MGTwitterEngine NSObject
  • iOS swift 流媒体应用程序无法在后台模式下播放音乐

    我的应用程序运行良好 但一旦屏幕安全打开或在 iPhone 上执行其他操作 流就会停止 我激活了后台模式 正在播放音频 但这没有帮助 这是我的 ViewController swift import UIKit import MediaPl
  • HTML 5 是否需要 ``

    当编写 html 5 文档类型时 您是否应该包含就像您之前使用 HTML4 doctype 时所做的那样 还是应该使用不同的 xhtml HTML5 不需要使用xmlns属性 因为它是 XHTML 特有的 这意味着甚至 HTML 4 也不使
  • PHP - 魔术引号 gpc 和 stripslashes 问题

    好的 我的托管公司有magic quotes gpc turned ON我使用以下代码编写了我的 PHP 脚本stripslashes 在此准备过程中 但现在托管公司表示将转向magic quotes gpc关闭 我想知道现在我的数据会发生
  • 类型同义词对类型类的实例有什么影响? GHC 中的 TypeSynonymInstances 编译指示有何作用?

    我正在阅读现实世界哈斯克尔第151页 我盯着下面这段话看了一个多小时 回想一下 字符串是以下的同义词 Char 它又是类型 a 其中 Char 替换为类型 参数a 根据 Haskell 98 的 规则 我们不允许提供 在以下情况下用类型代替
  • 用 .NET 编写的服务可以自行终止吗?

    我有一个用 C 编写的服务应用程序 在某些情况下 我希望它自行终止 这会在服务运行一段时间后发生 因此在 OnStart 事件中不会发生这种情况 到目前为止我读到的所有内容都表明终止服务的唯一安全方法是通过服务控制管理器 我的服务作为本地服
  • 单元测试实体框架

    我刚刚开始使用 Entity Framework v4 和 Linq 我有一个实体数据模型 它是从数据库生成的 然后 我实现了存储库类 以便实现我的实体的业务逻辑 它们包含用于与实体 数据库交互的 LINQ 查询 在不访问数据库的情况下对我
  • delphi 对象赋值与:=

    有人可以解释一下以下之间的区别 1 newObj TMyObject Create newObj Assign oldObj and 2 newObj oldObj 2 确实newObj and oldObj引用同一个对象 抱歉 如果之前已
  • acts_as_taggable_on 标签添加两次

    我有一个 RoR 应用程序 允许用户标记其集合中的项目 我使用 tag it js Jquery 插件并使用 Ajax 调用在 ItemsController 中添加和删除标签 我的问题是每个标签添加两次 因此当我执行 item tags
  • CSS中不同高度的块的垂直对齐[重复]

    这个问题在这里已经有答案了 我试图达到类似的效果this https blaskdemo wordpress com 也就是说 我有一些块 这里 articles 具有相同的宽度但可以具有不同的高度 并且我希望它们位于其上邻居的旁边 当内联
  • 如何在 WCF 数据服务中获得内部联接

    假设我有 2 个表 table1 和 table2 具有共享密钥 id 如果我想使用 sql 对这两个表进行内部联接 我会做类似的事情 select id x y z from table1 inner join table2 on tab
  • play 2.4 中的插件、依赖项、模块和子项目有什么区别?

    我是 playframework 的新手 刚刚学习 我对依赖项 模块 插件和子项目有点困惑 它们有何不同 这是我的理解 可能是错的 依赖项 是播放应用程序运行所需的所有库 子项目 是另一个父应用程序内的播放应用程序 不确定 插件 和 模块
  • Rescue_from 不会从视图或助手中拯救 Timeout::Error

    我的应用程序控制器中有一个 around filter 用于将所有操作封装在超时块中 以便操作在达到 30 秒 Heroku 限制之前失败 我还有一个rescue from Timeout Error 来彻底挽救这些超时 不幸的是 resc
  • 允许在 React Native 中关注 TextInput 时点击/按下项目

    我有一个TextInput其功能是对某些结果进行搜索 过滤 结果显示在ScrollView 我遇到的问题是 虽然国家focus on the TextInput 用户必须点击两次才能选择该项目 这是一个TouchableOpacity 在里