如何检查退格(删除)键按入React Native(iOS)

Sye*_*bcc 4 javascript backspace react-native

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

      <TextInput
          onChangeText = {e => {
          e === 'BackSpace' ? alert('delete') : alert(e)
       }}/>
Run Code Online (Sandbox Code Playgroud)

Rob*_*zak 8

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

你可以用 onKeyPress

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

不能使用alert但是,你必须使用Alertreact-native具有不同的API。

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