一统天下 flutter - 输入: RawKeyboardListener - 按键

源码 https://github.com/webabcd/flutter_demo
作者 webabcd

一统天下 flutter - 输入: RawKeyboardListener - 按键

示例如下:

lib\input\raw_keyboard_listener.dart

/*
 * RawKeyboardListener - 按键
 */

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:flutter_demo/helper.dart';

class RawKeyboardListenerDemo extends StatefulWidget {
  const RawKeyboardListenerDemo({Key? key}) : super(key: key);

  @override
  _RawKeyboardListenerDemoState createState() => _RawKeyboardListenerDemoState();
}

class _RawKeyboardListenerDemoState extends State<RawKeyboardListenerDemo> {

  final FocusNode _focusNode = FocusNode();

  double _translationX = 0;
  double _translationY = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        /// 通过 RawKeyboardListener 监听按键事件
        /// 注：前提是要获取焦点才可以
        child: RawKeyboardListener(
          autofocus: true,
          focusNode: _focusNode,
          onKey: (RawKeyEvent event){
            /// 按键按下
            if (event is RawKeyDownEvent) {
              /// 获取按键的字符串值
              log("keyDown keyLabel: " + event.logicalKey.keyLabel);
            }
            /// 按键抬起
            else if (event is RawKeyUpEvent) {
              /// 获取按键的字符串值
              log("keyUp keyLabel: " + event.logicalKey.keyLabel);
            }

            /// 是否是按键按下后没有抬起而产生的重复事件
            // event.repeat;
            /// 当前是否按下了 alt 键
            // event.isAltPressed;
            /// 当前是否按下了 ctrl 键
            // event.isControlPressed;
            /// 当前是否按下了 shift 键
            // event.isShiftPressed;

            /// 获取按键的 keyCode 要区分不同的平台（RawKeyEventDataAndroid, RawKeyEventDataIos, RawKeyEventDataWeb, RawKeyEventDataWindows 等）
            if (event.data is RawKeyEventDataAndroid) {
              RawKeyEventDataAndroid dataAndroid = event.data as RawKeyEventDataAndroid;
              var keyCode = dataAndroid.keyCode;
            } else if (event.data is RawKeyEventDataWindows) {
              RawKeyEventDataAndroid dataWindows = event.data as RawKeyEventDataAndroid;
              var keyCode = dataWindows.keyCode;
            }

            /// 通过上下左右键控制小方块的位置
            setState(() {
              if (event.logicalKey.keyLabel == "Arrow Down") {
                _translationY += 1;
              } else if (event.logicalKey.keyLabel == "Arrow Up") {
                _translationY -= 1;
              } else if (event.logicalKey.keyLabel == "Arrow Left") {
                _translationX -= 1;
              } else if (event.logicalKey.keyLabel == "Arrow Right") {
                _translationX += 1;
              }
            });
          },
          child: Transform(
            transform: Matrix4.translationValues(_translationX, _translationY, 0),
            child: Container(
              color: Colors.red,
              width: 100,
              height: 100,
            ),
          ),
        ),
      ),
    );
  }
}

源码 https://github.com/webabcd/flutter_demo
作者 webabcd