确定在不使用输入字段的情况下在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>
        );
    };
}