將焦點滑動到 Flutter 中的 TextField

Question

最近幾天我一直在學習 flutter，我在開發我的應用程序時遇到了一個問題。 所以我有一個包含所有基本輸入字段的基本表單，在用戶單擊提交按鈕后，應用程序檢查文本字段的有效性。 如果輸入錯誤，應用程序會將焦點移回文本字段。

如何將焦點移回文本字段？

Answer 1

var focusNode = FocusNode();
var textField = TextField(focusNode: focusNode);

FocusScope.of(context).requestFocus(focusNode);
// or 
focusNode.requestFocus();

另見

• https://docs.flutter.io/flutter/widgets/FocusNode-class.html
• https://flutter.dev/docs/cookbook/forms/focus

Answer 2

 TextField(
      autofocus: true,
);

Answer 3

使用

FocusScope.of(context).previousFocus();

---

Column(
  children: [
    TextField(...), // 1st TextField
    TextField(...), // 2nd TextField
    RaisedButton(
      onPressed: () => FocusScope.of(context).previousFocus(), // This is what you need
      child: Text("Go back"),
    ),
  ],
)

Answer 4

FocusNode name_focus = FocusNode();

                     TextField(
                        controller: name_Controller,
                        focusNode: name_focus,
                        decoration: InputDecoration(
                          errorText: name_validate ? 'Enter Name' : null,
                          labelStyle:
                              TextStyle(color: HexColor(HexColor.gray_text)),
                          labelText: "Name",
                          border: OutlineInputBorder(),
                          enabledBorder: OutlineInputBorder(
                              borderSide:
                                  BorderSide(color: HexColor(HexColor.gray))),
                          focusedBorder: OutlineInputBorder(
                              borderSide:
                                  BorderSide(color: HexColor(HexColor.gray))),
                        ),
                      ),

檢查驗證名稱是否為空自動滾動我的頁面以供顯示

 if(name_Controller.text.isEmpty){
   name_validate=true;
   name_focus.requestFocus();
  }