Flutter车牌输入插件licence_plate_keyboard的使用

Flutter车牌输入插件licence_plate_keyboard的使用

licence_plate_keyboard 是一个用于输入中国车牌号的键盘插件，支持iOS、Android和Web平台。如果你在使用该插件时遇到任何问题，请在该仓库中报告问题。

开始使用

首先，在 pubspec.yaml 文件中添加依赖项。根据你的Flutter版本选择相应的依赖版本：

• Flutter >= 3.3

dependencies:
  licence_plate_keyboard: ^0.3.0

• Flutter >= 3.0

dependencies:
  licence_plate_keyboard: ^0.2.0

• Flutter >= 2.5

dependencies:
  licence_plate_keyboard: ^0.1.0

• Flutter >= 2.0

dependencies:
  licence_plate_keyboard: ^0.0.11

如果你的Flutter版本大于等于2.5，请修改 main.dart 文件：

void main() {
  // runApp(MyApp()); // 旧的
  runMockApp(KeyboardRootWidget(child: MyApp())); // 新的
}

完整示例代码

以下是一个完整的示例代码，展示了如何使用 licence_plate_keyboard 插件。

main.dart

import 'package:cool_ui/cool_ui.dart';
import 'package:flutter/material.dart';
import 'package:licence_plate_keyboard/licence_plate_keyboard.dart';
import 'package:licence_plate_keyboard_example/custom_keyboard.dart';

void main() {
  LicencePlateKeyboard.register();
  runMockApp(KeyboardRootWidget(child: MyApp())); // 新的
}

class MyApp extends StatelessWidget {
  // 这个小部件是应用的根。
  [@override](/user/override)
  Widget build(BuildContext context) {
    return WeuiToastConfig(
      data: WeuiToastConfigData(successText: '测试ConfigData'),
      child: MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(primarySwatch: Colors.blue),
        home: MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );
  }
}

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

  // 这个小部件是应用的首页。它是一个有状态的小部件，意味着它有一个状态对象（定义在下面），包含影响其外观的字段。
  // 这个类是状态的配置。它保留了由父级（在这个例子中是App小部件）提供的值（如标题），并在构建方法中被状态使用。小部件子类中的字段总是标记为“final”。

  final String title;

  [@override](/user/override)
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  [@override](/user/override)
  Widget build(BuildContext context) {
    // 这个方法每次调用setState时都会重新运行，比如由上面的_incrementCounter方法调用。
    //
    // Flutter框架已经被优化以快速重新运行构建方法，因此你可以重建任何需要更新的东西，而不是逐个更改小部件实例。
    return Scaffold(
      appBar: AppBar(
        // 这里我们从MyHomePage对象获取值，该对象由App.build方法创建，并用于设置我们的appbar标题。
        title: Text(widget.title),
      ),
      body: ListView(
        children: <Widget>[
          ListTile(
            title: Text("CustomKeyboardEvent"),
            onTap: () {
              Navigator.of(context).push(MaterialPageRoute(
                  builder: (context) => CustomKeyboardDemo()));
            },
          ),
        ],
      ),
    );
  }
}