![見出し画像](https://assets.st-note.com/production/uploads/images/43177738/rectangle_large_type_2_32b08e9c3d7193f7a0d2f0f30c8a77b0.png?width=1200)
【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に値を表示させておきたい場合に便利ですね。では。