見出し画像

【Flutter】【Dart】TextFieldでキーボードを表示しない

初めに

TextFieldがタップされた際にキーボードを表示せずにDatePickerやカレンダーなどを表示させたい時にAlwaysDisabledFocusNode()が役に立ちます。

disable_focus_node.dartファイルを作成

import 'package:flutter/cupertino.dart';

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

TextFieldに追加

TextFieldのfocusNodeプロパティに作成したAlwaysDisabledFocusNode()を追加する

TextField(
   focusNode: AlwaysDisabledFocusNode(),
   onTap: () {
      //Do something
   },
 ),
),

まとめ

キーボードを使用せずにTextFieldに値を表示させておきたい場合に便利ですね。では。

この記事が気に入ったらサポートをしてみませんか?