确定在不使用输入字段的情况下按下React Native的哪个键

Question

利用Mac上的硅片的机会，我们开始使用React Native开发Mac应用程序。我们不使用任何输入字段，但我们需要识别在用户专注于我们的应用程序时从键盘上按下了哪个键。基本上，我们希望在用户使用我们的应用程序时监听所有键盘事件。解决这个问题的最佳方法是什么?

Answer 1

如果您在macOS上使用react-native，那么您可能会将react-native-web与electron一起使用，或者直接在web浏览器中使用。

这是我的解决方案:

import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class App extends Component {
handleKeyDown = (e) => {
console.log(`${e.code}`);
// Do your stuff...
};
componentDidMount = () => {
document.onkeydown = this.handleKeyDown;
};
componentWillUnmount = () => {
document.onkeydown = null;
};
render = () => {
return (
<View>
<Text>{'Example'}</Text>
</View>
);
};
}