Flutter键盘快捷键插件sp_keyboard_shortcut_ns的使用

特性

TODO: 列出您的包可以做什么。可能包括图像、GIF或视频。

入门

TODO: 列出先决条件并提供或指向有关如何开始使用该包的信息。

使用

TODO: 包括短而有用的示例供用户参考。将较长示例添加到 /example 文件夹。

const like = 'sample';

示例代码

以下是一个简单的示例，展示了如何使用 sp_keyboard_shortcut_ns 插件来创建一个具有自定义快捷键的应用程序。

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // 这个小部件是您的应用程序的根。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  void _decrementCounter() {
    setState(() {
      _counter--;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
        leading: IconButton(
          icon: const Icon(Icons.list),
          onPressed: () => Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => const SecondPage()),
          ),
        ),
      ),
      body: KeyBoardShortcuts(
        keysToPress: {LogicalKeyboardKey.controlLeft, LogicalKeyboardKey.keyP},
        onKeysPressed: () => Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => const SecondPage()),
        ),
        helpLabel: "Go to Second Page",
        child: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Text(
                'You have pushed the button this many times:',
              ),
              KeyBoardShortcuts(
                keysToPress: {LogicalKeyboardKey.backspace},
                onKeysPressed: _decrementCounter,
                child: KeyBoardShortcuts(
                  keysToPress: {LogicalKeyboardKey.keyA},
                  onKeysPressed: _incrementCounter,
                  child: Text(
                    '$_counter',
                    style: Theme.of(context).textTheme.headline4,
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
      floatingActionButton: KeyBoardShortcuts(
        keysToPress: shortCut(BasicShortCuts.creation),
        onKeysPressed: _incrementCounter,
        helpLabel: "Increment",
        child: FloatingActionButton(
          onPressed: _incrementCounter,
          tooltip: 'Increment',
          child: const Icon(Icons.add),
        ),
      ),
    );
  }
}

class SecondPage extends StatelessWidget {
  const SecondPage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    List<String> generatedList = List<String>.generate(100, (counter) => "Item $counter");

    return Scaffold(
      appBar: AppBar(
        title: const Text("Second Page"),
      ),
      body: KeyBoardShortcuts(keysToPress: shortCut(BasicShortCuts.esc), globalShortcuts: true, child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Expanded(
              child: ListView.builder(
                itemCount: generatedList.length,
                itemBuilder: (BuildContext ctxt, int index) => Center(
                  child: Text(generatedList[index]),
                ),
              ),
            ),
          ],
        ),
      )),
    );
  }
}

额外信息

TODO: 告诉用户更多关于您的包的信息：在哪里可以找到更多信息，如何为包做出贡献，如何提交问题，以及用户可以从包作者那里期望什么响应等。