Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
【Flutter】【Dart】TextFieldでキーボードを表示しない
2021.01.16
初めに
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に値を表示させておきたい場合に便利ですね。では。
Flutterラボ
hatchoutschool
Flutter Daily
Flutterに関する記事を日々更新しています (223本)

【Dart】Stringからint, double, DateTimeに変換する
2020.09.14

【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13