広告

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とNuxtに関する知識を発信しています! 動画で学べる学習サイト『Flutterラボ』と『Nuxtラボ』を運営 Flutterラボ:https://flutterlabo.tech/ 広告のECサイトを開発(https://ec-ad.tech/)