如何检查退格（删除）键按入React Native（iOS）

Question

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

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

Answer 1

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

您可以使用onKeyPress

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

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

但是，根据您要完成的工作，仅使用onChangeText可能会更容易。如果发送的文本值短于当前控制的文本值，则可以处理正在使用的任何退格代码，并在一处管理文本输入值。

Answer 2

根据建议的here，您可以尝试执行以下操作：

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