使用 FocusScopeNode 在 TextFormFields 之间轻松移动焦点

Form和TextFormField是在 Flutter 中输入文本时非常有用的小部件。

我们可以提供一种在键盘上按“下一步”时移动输入焦点的便捷方法吗？

使用FocusScopeNode，这是非常容易做到的。

假设您有一个电子邮件和密码输入表单，如下所示：

import 'package:flutter/material.dart';class EmailPasswordSignInForm extends StatefulWidget {@override_EmailPasswordSignInFormState createState() =>_EmailPasswordSignInFormState();
}class _EmailPasswordSignInFormState extends State<EmailPasswordSignInForm> {final FocusScopeNode _node = FocusScopeNode();final GlobalKey<FormState> _formKey = GlobalKey<FormState>();@overridevoid dispose() {_node.dispose();super.dispose();}@overrideWidget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("FocusScopeNode "),),body: Container(child: Form(key: _formKey,child: FocusScope(node: _node,child: Column(crossAxisAlignment: CrossAxisAlignment.stretch,children: <Widget>[// emailTextFormField(decoration: InputDecoration(labelText: 'Email',hintText: 'https://luckly.work/',),textInputAction: TextInputAction.next,keyboardType: TextInputType.emailAddress,// move to the next fieldonEditingComplete: _node.nextFocus,),// passwordTextFormField(decoration: InputDecoration(labelText: 'Password',),obscureText: true,textInputAction: TextInputAction.done,// move to the next fieldonEditingComplete: _node.nextFocus,),// submitRaisedButton(child: Text('Sign In'),onPressed: () {/* submit code here */},),],),),),),);}
}

使用 FocusScopeNode 在 TextFormFields 之间轻松移动焦点相关推荐

qt 进程间切换焦点_Qt下的进程界面之间的鼠标焦点切换
目录需求有三个软件A.B.C.A是主要软件,B.C是辅助软件. ⑴ 在使用A的过程中,按N键可以呼出软件B,按M键可以呼出软件C.再次按下可以隐藏它们. ⑵ 在软件B.C都存在的条件下,按J键可以 ...
linux 共享硬盘分区,linux – 如何在多台计算机之间轻松共享本地分区
推荐文章 SCSI: 小型计算机系统接口(英语:Small Computer System Interface; 简写:SCSI),一种用于计算机和智能设备之间(硬盘.软驱.光驱.打印机.扫描仪等) ...
win10如何两个屏幕之间快速切换焦点软件
windows下把当前显示器中的软件,切换到另外一个屏幕 win10下测试通过. 场景, win10系统下,扩展连接a屏和b屏, a屏显示一个网页,非常长.想切换到b屏. 通常都是鼠标拖动网页到b屏, ...
让协同工作更加轻松——Office 2007面面观之(8)
上一篇:Office 2007面面观之(7) - 提高个人工作效率<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com: ...
服务机器人“大战”进入下半场，竞争焦点变了
对于机器人企业而言,"卖出去"是商业本质. 如何"卖出去",往往是企业之间的竞争焦点,它也许是技术,也许是营销,但随着服务机器人大战进入下半场,服务机器人的竞争 ...
爱立信诉中兴案的焦点：底线之争
爱立信诉中兴案的焦点:底线之争<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" ...
Mac 和 Android 手机之间互传文件，这四种方法简单高效！
在Windows上,我们常常需要用USB数据线将安卓手机连接到电脑上,然后在手机和电脑之间传输各种文件.但是这种方法对Mac电脑就不怎么起作用了.由于OS X系统的特殊性,许多用户都不知道如何顺利地将 ...
数据仓库与数据湖之间有何区别？
2019独角兽企业重金招聘Python工程师标准>>> 数据仓库是一种具有正式架构的成熟的.安全的技术.它们存储经过全面处理的结构化数据,以便完成数据治理流程.数据仓库将数据组合为一 ...
drugbank下载XML文件解析
目录 HTML简介什么是HTML HTML 标签 HTML 文档 = 网页 H使用 Notepad 或 TextEdit 来编写 HTML 步骤一:启动记事本步骤一:启动记事本步骤二:用记事本来 ...

使用 FocusScopeNode 在 TextFormFields 之间轻松移动焦点

使用 FocusScopeNode 在 TextFormFields 之间轻松移动焦点相关推荐

最新文章

热门文章