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 之间轻松移动焦点的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。