RError.com

RError.com Logo RError.com Logo

RError.com Navigation

  • 主页

Mobile menu

Close
  • 主页
  • 系统&网络
    • 热门问题
    • 最新问题
    • 标签
  • Ubuntu
    • 热门问题
    • 最新问题
    • 标签
  • 帮助
主页 / 问题 / 1157721
Accepted
Leksor
Leksor
Asked:2020-07-27 14:54:57 +0000 UTC2020-07-27 14:54:57 +0000 UTC 2020-07-27 14:54:57 +0000 UTC

Flutter 中监听输入字符串的事件

  • 772

我有一部连接了条形码扫描仪的手机。扫描仪读取条形码时,必须将其记录在屏幕上所需的字段中。如果该字段最初是通过点击它来激活的,则此方法有效。但扫描的条形码必须适合该字段,即使它尚未被用户激活。也就是说,您需要创建某种事件,期望某些文本到达并在自动字段中输入此文本。请告诉我如何做到这一点?或者也许已经有现成的插件?

更新1:扫描字段时,需要barcode写入一个字符串,即使该字段未激活(未选中焦点)

class DocumentsScreen extends StatefulWidget {
  final DocumentsModel documentInfo;

  const DocumentsScreen({Key key, this.documentInfo})
      : super(key: key);

  @override
  _DocumentsScreen createState() =>
      _DocumentsScreen(documentInfo);
}

class _DocumentsScreen extends State<DocumentsScreen> {
  final DocumentsModel documentInfo;

  _DocumentsScreen(this.documentInfo);

  TextEditingController barcode = new TextEditingController();
  FocusNode barcodeFocus = new FocusNode();

  DocumentInfoModel arrivalDocumentInfo =
      new DocumentInfoModel(documentItems: new List<DocumentItems>());
  int _sortIndex;
  bool _sortAscending = false;

  @override
  void initState() {
    onRefresh();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new TextLeft(
            '${documentInfo.documentName}', TextStyleBase.whiteSize15),
      ),
      body: new RefreshIndicator(
          child: new Column(
            children: <Widget>[
              new Row(
                children: <Widget>[
                  new Expanded(
                    child: new TextField(
                      controller: barcode,
                      focusNode: barcodeFocus,
                      decoration: new InputDecoration(
                          hintText: 'Просканируйте штрих-код'),
                      onEditingComplete: () {
                        if (barcode.text != '') {
                          // Some code...
                        }
                      },
                    ),
                  ),
                  new VoidIconButton(Icons.clear, Colors.red, () {
                    barcode.clear();
                  }),
                ],
              ),
              new Expanded(
                child: new ListView(
                  children: <Widget>[
                    // Some code...
                  ],
                ),
              ),
              // Some code...
            ],
          ),
          onRefresh: onRefresh),
    );
  }

  Future onRefresh() async {
    documentService
        .documentItemsByDocumentId(documentInfo.documentId)
        .then((document) {
      setState(() {
        arrivalDocumentInfo = document;
        barcode.clear();
        barcodeFocus.requestFocus();
      });
    });
  }

  // Some code...
}
android
  • 1 1 个回答
  • 10 Views

1 个回答

  • Voted
  1. Best Answer
    Leksor
    2020-07-28T22:02:13Z2020-07-28T22:02:13Z

    感谢@AndreySmelik 在评论中的回答。

    RawKeyboardListener让我们这样做https://docs.flutter.io/flutter/widgets/RawKeyboardListener-class.html

      var _focusNode = FocusNode();
    
      @override
      Widget build(BuildContext context) {
        
        return RawKeyboardListener(
            child: Text('raw keyboard input'),
            focusNode: _focusNode,
            onKey: _onRawKeyEvent,
          );
      }
    
      void _onRawKeyEvent(RawKeyEvent event) {
        ..
      }
    
    • 3

相关问题

  • 来自片段的列表落后于 BottomNavigationView

  • 无法将变量从 Activity 传递到 Fragment

  • 构建与完成的片段略有不同的片段的最佳方法是什么?

  • 如何更改来自服务器的响应中的日期格式?

  • 谷歌地图在应用程序的发布版本中不起作用

  • 材料设计按钮。单击按钮上的可选区域!

Sidebar

Stats

  • 问题 10021
  • Answers 30001
  • 最佳答案 8000
  • 用户 6900
  • 常问
  • 回答
  • Marko Smith

    如何从列表中打印最大元素(str 类型)的长度?

    • 2 个回答
  • Marko Smith

    如何在 PyQT5 中清除 QFrame 的内容

    • 1 个回答
  • Marko Smith

    如何将具有特定字符的字符串拆分为两个不同的列表?

    • 2 个回答
  • Marko Smith

    导航栏活动元素

    • 1 个回答
  • Marko Smith

    是否可以将文本放入数组中?[关闭]

    • 1 个回答
  • Marko Smith

    如何一次用多个分隔符拆分字符串?

    • 1 个回答
  • Marko Smith

    如何通过 ClassPath 创建 InputStream?

    • 2 个回答
  • Marko Smith

    在一个查询中连接多个表

    • 1 个回答
  • Marko Smith

    对列表列表中的所有值求和

    • 3 个回答
  • Marko Smith

    如何对齐 string.Format 中的列?

    • 1 个回答
  • Martin Hope
    Alexandr_TT 2020年新年大赛! 2020-12-20 18:20:21 +0000 UTC
  • Martin Hope
    Alexandr_TT 圣诞树动画 2020-12-23 00:38:08 +0000 UTC
  • Martin Hope
    Air 究竟是什么标识了网站访问者? 2020-11-03 15:49:20 +0000 UTC
  • Martin Hope
    Qwertiy 号码显示 9223372036854775807 2020-07-11 18:16:49 +0000 UTC
  • Martin Hope
    user216109 如何为黑客设下陷阱,或充分击退攻击? 2020-05-10 02:22:52 +0000 UTC
  • Martin Hope
    Qwertiy 并变成3个无穷大 2020-11-06 07:15:57 +0000 UTC
  • Martin Hope
    koks_rs 什么是样板代码? 2020-10-27 15:43:19 +0000 UTC
  • Martin Hope
    Sirop4ik 向 git 提交发布的正确方法是什么? 2020-10-05 00:02:00 +0000 UTC
  • Martin Hope
    faoxis 为什么在这么多示例中函数都称为 foo? 2020-08-15 04:42:49 +0000 UTC
  • Martin Hope
    Pavel Mayorov 如何从事件或回调函数中返回值?或者至少等他们完成。 2020-08-11 16:49:28 +0000 UTC

热门标签

javascript python java php c# c++ html android jquery mysql

Explore

  • 主页
  • 问题
    • 热门问题
    • 最新问题
  • 标签
  • 帮助

Footer

RError.com

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

帮助

© 2023 RError.com All Rights Reserve   沪ICP备12040472号-5