flutter：隱藏文本字段的鍵盤

Question

我有一個搜索文本字段，當我輸入該字段時，我會看到鍵盤。 當用戶單擊/選擇字段而不是顯示鍵盤時，我想 go 到另一個屏幕。

當用戶單擊該字段時，如何將鍵盤和 go go 隱藏到另一個屏幕。

基本上，我想創建當您單擊搜索按鈕時 Gmail 正在執行的操作。

這是文本字段的片段..

Container(
  color: Palette.WHITE,
  child: Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: <Widget>[
       TextField(
          controller: _textSearchController,
          onSubmitted: (val) {}
           decoration: InputDecoration(...)
        )
       ],
  )
)

謝謝你的幫助

Answer 1

您是否嘗試過在 onSubmit 方法中隱藏鍵盤，如下所示？

onSubmitted: (val) {
     FocusScope.of(context).requestFocus(FocusNode());
  }

讓我知道它是否有效。

Answer 2

TextField小部件上有一個onTap屬性，您可以使用它導航到不同的路線。 如果要禁用輸入，可以將readOnly屬性設置為 true。

如果要在 Gmail 上重新創建搜索按鈕，可以查看 flutter 提供的 Search Delegate showMenu方法

Answer 3

如果您不想打開鍵盤並使用 TextField 作為go 到另一個屏幕的按鈕：

TextField(
  readOnly: true,
  onTap: () => Navigator.push(context, MaterialPageRoute(builder: (context) => SomeOtherScreen())),
),