android - 聚焦文本输入时如何处理后退按钮

Question

这是一个针对 Android 的 react-native 问题。

当 TextInput 获得焦点时，如何处理 Android 中的后退按钮？BackHandler.addEventListener('hardwareBackPress'. () => {}) 如果 TextInput 获得焦点，则不会捕获任何事件。它会自动关闭键盘。

(实际上我想要实现的是在按下后退按钮并关闭键盘时移除光标)

你可以玩this世博小吃了解我在说什么:

Answer 1

我相信这是正确的行为，但要实现您想要的效果，您可以使用键盘检测隐藏的键盘本身(文档位于 https://facebook.github.io/react-native/docs/keyboard)

import * as React from 'react';
import { Keyboard } from 'react-native';

class MyComponent extends React.Component {
  componentDidMount() {
      this.keyboardDidHideListener = Keyboard.addListener('keyboardDidHide', this.keyboardDidHide);
  }

  componentWillUnmount() {
    this.keyboardDidHideListener.remove();
  }

  keyboardDidHide = () => {
      this.input.blur();
  };

    //Rest of component...

}

与使用 TextInput 的 onKeyPress 事件相比，我更喜欢这种方法，因为 onKeyPress 不会读取硬件键盘后退按键，因此如果用户的设备带有硬件后退按钮，就像某些 Android 设备一样，onKeyPress 将无法工作，这提供了更一致的体验。