如何在 React Native 中检查退格键（删除）按键 (iOS)

Question

我想在用户按下文本框中的退格键时触发一个函数。我搜索了堆栈溢出和 React Native 文档，但没有相关答案。基本上，我不知道退格键的键名是什么

      <TextInput
          onChangeText = {e => {
          e === 'BackSpace' ? alert('delete') : alert(e)
       }}/>

Answer 1

按照建议here，您可以尝试这样的操作：

<TextInput
     onKeyPress = {e => {
     e.keyCode === 'Backspace' ? alert('delete') : alert(e)
}}/>

Answer 2

onChangeText 仅发送更新的文本值。它不发送任何其他信息，例如按键。 onChange发送更多信息，onChangeText只是为了方便。

你可以使用 onKeyPress

<TextInput
  onKeyPress={({ nativeEvent }) => {
    nativeEvent.key === 'Backspace' ? //do action : //other action
  }}
/>

您不能使用 alert 但是，您必须在 react-native 中使用 Alert，它具有不同的 API.

不过，根据您要完成的任务，使用 onChangeText 可能更容易。如果发送的文本值比当前控制的文本值短，您可以处理您正在使用的任何退格代码并在一个地方管理文本输入值。

how to check for backspace(delete) keyPress in react native (iOS)