Flutter 入門 -textFieldを開いたときにkeyboardを表示しない-

TextFieldのキーボードを非表示にする

TextFieldを押した際にDialogなどを表示する際にキーボードにfocusがいって面倒だったためキーボードを非表示にする方法を探しました。

classを作る

disableFocusNode.dart

class AlwaysDisabledFocusNode extends FocusNode {
  @override
  bool get hasFocus => false;
}

呼び出し元

TextField(
                keyboardType: TextInputType.number,
//classの呼び出し
                focusNode: AlwaysDisabledFocusNode(),
                controller: controller,
                onChanged: (value) {},
                style: TextStyle(
                  fontSize: 20.0,
                  height: 1.0,
                  color: Colors.black,
                ),
                onTap: () {},
              ),

まとめ

アプリ制作中にTextFieldを開いた際にキーボードを表示させない方法が知りたかったのでリサーチしました。役に立てばいいねください。

翻訳、参照元

参照コード