[解決済み] TextFieldの外や画面上の任意の場所をクリックした後、flutterのソフト入力キーボードを非表示にする方法は?
2022-05-15 06:02:08
質問
現在、私はこのコードを使って、ソフトキーボードを隠す方法を知っています。
onTap
のメソッドで、任意のウィジェットを使用することができます。
FocusScope.of(context).requestFocus(new FocusNode());
しかし、TextFieldの外や画面のどこかをクリックするとソフトキーボードを隠したいのです。そこで
flutter
でこれを行う方法はありますか?
どのように解決するには?
ソフトキーボードを隠すには、次のような簡単な方法を試してみてください。
GestureDetector
メソッドと
onTap
メソッドはこのようなコードを書きます。
FocusScope.of(context).requestFocus(new FocusNode());
以下はその完全な例です。
new Scaffold(
body: new GestureDetector(
onTap: () {
FocusScope.of(context).requestFocus(new FocusNode());
},
child: new Container(
//rest of your code write here
)
)
更新(2021年5月)
return GestureDetector(
onTap: () => FocusManager.instance.primaryFocus?.unfocus(),
child: Scaffold(
appBar: AppBar(
title: Text('Login'),
),
body: Body(),
),
);
これはAppBarをタッチしても動作します。
new
は
は Dart 2 ではオプションです。
.
FocusManager.instance.primaryFocus
は、ウィジェットツリーで現在プライマリーフォーカスを持っているノードを返します。
関連
-
[解決済み] Flutterでgoogleとyoutubeの両方にログインする
-
[解決済み】オンスクリーンキーボードを解除するにはどうしたらいいですか?
-
[解決済み】Flutterアプリにスプラッシュスクリーンを追加する
-
[解決済み】Dartの名前付きパラメータと位置付きパラメータの違いは何ですか?
-
[解決済み】編集テキストにフォーカスが当たっている時にソフトキーボードを表示させる方法
-
[解決済み] キーボードが表示されると、Flutterのウィジェットがリサイズされます。これを防ぐにはどうしたらよいですか?
-
[解決済み] フラッターは2つのアイテムを左と右の両極端に配置します。
-
[解決済み] Flutter SDK(Dart 1.x)をダウングレードする方法
-
[解決済み] Flutterで「戻る」ボタンを上書きするには?[重複している]。
-
[解決済み] Flutterで "すりガラス "のような効果を出すには?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】zsh: コマンドが見つかりません: flutter 【終了しました
-
flutter,コマンド PhaseScriptExecution が 0 以外の終了コードで失敗しました。
-
[解決済み】オンスクリーンキーボードを解除するにはどうしたらいいですか?
-
[解決済み】起動ロックを解除するために別のflutterコマンドを待機する
-
[解決済み】Flutterのテキストウィジェットの下に黄色い線が?
-
[解決済み] フラッターは2つのアイテムを左と右の両極端に配置します。
-
[解決済み] Flutter SDK(Dart 1.x)をダウングレードする方法
-
[解決済み] Widgetの高さを取得するには?
-
[解決済み] Flutterアプリのビルド番号とバージョン番号を取得する方法
-
[解決済み] FlutterでtextAlignプロパティはどのような状況で動作しますか?