keymap 0.0.81

A reusable keyboard shortcuts widget with a flexible, minimal UI and focus handling.

example/lib/main.dart

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

import 'package:keymap/keymap.dart';

void main() => runApp(const MyApp());

///An example of using the Keymap widget to implement keyboard
///shortcuts
class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  static const String _title = 'keymap shortcut example';

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: _title,
      home: Scaffold(
        appBar: AppBar(title: const Text(_title),),
        body: const Center(
          child: MyStatefulWidget(),
        ),
      ),
    );
  }
}

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

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

class _MyStatefulWidgetState extends State<MyStatefulWidget> {

  int count = 0;

  @override
  Widget build(BuildContext context) {
    return KeyboardWidget(
      columnCount: 2,
      bindings: [
        KeyAction(LogicalKeyboardKey.arrowUp,'increment the counter', () {
            setState(() {
              count++;
          });},),
        KeyAction(LogicalKeyboardKey.arrowDown, 'decrement the counter', () {
          setState(() {
            count--;
          });
        },),
      ],
      child: Column(
        children: [
          const Text('Up arrow for adding, down arrow to subtract'),
          Text('count: $count'),
        ],
      ),
    );
  }
}