为什么 TextInput 上的 onKeyPress 在 React Native (Android) 中不起作用?

2023-12-19

我正在使用 React Native 并在 Android 上进行测试。我已将 onKeyPress 添加到我的 TextInput 中,但我在模拟器中单击键盘并没有触发它(是的,我使用鼠标单击按键)。有谁知道如何让 onKeyPress 工作或知道另一种方法来检测 Android 键盘上的 Enter(完成)键上的按键?

它甚至从未进入它应该调用的函数(searchProducts)。

searchProducts = () => {
    if (e.nativeEvent.key == "Enter"){
        this.props.searchFunc(this.state.term);
    }
}

searchSuggestions = searchTerm => {
    if (this.timeoutId)
        clearTimeout(this.timeoutId);
    this.timeoutId = setTimeout(() => this.props.autofillFunc(searchTerm), 500);

    this.setState({
        term: searchTerm
    });
}

componentDidMount() {
    if (this.props.autoFocus) {
        this.refs.searchBar.focus();
    }
}

render() {
    const {placeholder} = this.props;
    const autoFocus = this.props.autoFocus;
    return (
        <View style={styles.searchBar}>
            <TouchableHighlight style={{width: '100%'}}>
                <View style={styles.searchBar}>
                    <MBIcon name='ico-24-search' style={styles.searchIcon} />
                        <TextInput 
                            ref='searchBar'
                            style={styles.searchInput} 
                            placeholder={placeholder}

                            onChangeText={this.searchSuggestions}
                            onKeyPress={this.searchProducts.bind(this)}
                            underlineColorAndroid="transparent" 
                        />
                </View>
            </TouchableHighlight>
        </View>
    );
}

None

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

为什么 TextInput 上的 onKeyPress 在 React Native (Android) 中不起作用? 的相关文章

随机推荐

  • 如何使用 LINQ Contains() 查找枚举列表?

    我有一个名为OrderStatus 它包含订单可以处于的各种状态 Created Pending Waiting Valid Active 处理 完全的 我想要做的是创建一个 LINQ 语句 该语句将告诉我 OrderStaus 是否有效
  • php7.4 mysqli 因“消失”而超时

    我刚刚安装了 php7 4 一切似乎都正常 但是当我尝试继续我的 phpmyadmin 时 我不能 注意在此安装之前在 php7 3 中工作正常 错误是 mysqli real connect Unexpected server respo
  • 将 Ruby 中的持续时间 - hh:mm:ss.sss 转换为毫秒,反之亦然

    我想知道 Ruby 中是否有一个内置方法可以让我将 hh mm ss sss 格式的单圈时间转换为毫秒 反之亦然 由于我需要用它进行一些计算 因此我认为转换为毫秒将是最简单的方法 告诉我我是否错了 这个怎么样 a 1 1000 60000
  • hibernate中的@Fetch注解是什么?

    OneToMany cascade CascadeType ALL fetch FetchType EAGER orphanRemoval true Fetch FetchMode SUBSELECT JoinColumn name ORU
  • 批次中%~1和%1有什么区别?

    在批次中我有时会看到 1用于开关 也用于 1 有什么不同 他们似乎都为我工作 Example if 1 echo No variable specified and if 1 echo No variable specified 似乎可以互
  • 为什么我的 Bash 脚本将 添加到文件开头?

    我编写了一个脚本 使用 sed 清理 csv 文件 删除一些错误的逗号和错误的引号 不好的 意味着它们破坏了我们用来转换这些文件的内部程序 remove all commas and re insert the good commas us
  • 使用 Azure 管理 API 进行身份验证

    我们使用 Azure API 进行各种操作已经有一段时间了 例如 这是我们使用的 API 之一https learn microsoft com en us rest api servicebus namespaces createorup
  • Bootstrap 4 垂直对齐文本不会在卡片上居中

    尝试垂直对齐以下卡片中的文本中心 div class row text center h 100 div class col md 3 text center my auto div class card card block justif
  • 如何提取嵌套的 JSON 数据?

    我正在尝试从 JSON 数据中获取值 我已经成功地深入到了 JSON 数据 几乎得到了我需要的东西 在 Python 中运行此命令 autoscaling name response Reservations 0 Instances 0 T
  • skel.js 框架/HTML5UP 模板 CSS 问题

    我是 skel js 框架的新手 遇到了一些问题 我从 HTML5UP net Zerofour 主题 下载了一个模板 并且已经为我的网站修改了所有内容 但是 CSS 没有在我的网站上正确显示无侧边栏 左侧边栏 pages 我包含以下链接
  • 用于提取部分文件路径的正则表达式

    我在 Impala 中使用正则表达式函数来查找文件路径中的文件夹名称 但它似乎没有给我正确的结果 我想从这个文件路径中解析出 一 this one path to hdfs 这是我使用的正则表达式 regexp extract filepa
  • 如何在 Angular 2 Webpack 中使用 WOW.js?

    我知道我们需要 wow js 的打字文件 但我在任何地方都找不到它 有没有其他解决方案可以将此外部js加载到webpack中 执行以下步骤 安装出口装载机 https www npmjs com package exports loader
  • 如何使用自定义比较器为三元组(“tuple”)声明/使用“unordered_set”?

    如何声明 使用unordered set对于三胞胎 tuple 使用自定义比较器 我需要存储三元组float 处理为tuple 在一组中检查潜在的重复项 因为它是关于float 我想使用常规比较 不起作用 因此需要自定义比较 这个最小的代码
  • 使用 Microsoft Web API 的 ODATA 真的是 REST 架构吗?

    我研究得越多ODATA 上的 Microsoft 框架 https www asp net web api overview odata support in aspnet web api我倾向于认为它不适合企业应用 该框架期望所有数据库都
  • 从app.js中减去代码

    为了解决一些与触摸相关的问题 我在 app js 中编写了一个脚本来重新打开并增强 EventDispatcher 该脚本相当长 并且污染了通常很干净的 app js 所以我想将我的脚本放在一个单独的文件中 然后以某种方式导入到 app j
  • 禁用 CallKit 中的“添加呼叫”选项

    有没有办法禁用添加呼叫选项Callkit当收到一个VoIP call 我找不到任何 api 来禁用此功能 但 WhatsApp 禁用了此功能 您需要同时设置supportsGrouping supportsUngrouping and su
  • 张量流“op”有什么作用?

    下面我创建了一个名为 optesting 的 tf 占位符 self center words tf placeholder tf int32 shape self batch size name op testing print Extr
  • 在 PHP 中检索 MySQL 全文搜索的匹配上下文(和安全性)

    我正在我的 MySQL 表 页面 上进行全文搜索 我正在显示与 标题 纯文本 VARCHAR 255 或 内容 html TEXT 中的关键字匹配的页面列表 当在 内容 字段中找到匹配项时 我想显示找到匹配项的代码片段 我不知道该怎么做 你
  • cntk中loss和metric是如何计算的

    我是 cntk 和 python 的新手 我创建了一个基于 TrainResNet CIFAR10 py 的 python 程序来训练 4736 个 64x64x3 图像并测试 4 个类别的 2180 个图像 训练 160 个 epoch
  • 为什么 TextInput 上的 onKeyPress 在 React Native (Android) 中不起作用?

    我正在使用 React Native 并在 Android 上进行测试 我已将 onKeyPress 添加到我的 TextInput 中 但我在模拟器中单击键盘并没有触发它 是的 我使用鼠标单击按键 有谁知道如何让 onKeyPress 工