[解決済み] TextFormFieldとTextFieldの違いは何ですか?
2022-12-28 10:33:22
質問
私はFlutter(とDart)の初心者です。オブジェクトを編集するフォームを作ろうとして、ネットで例やチュートリアルを検索したところ、この2つが使われているのを見かけました。
この2つの違いは何ですか?どちらを使うべきでしょうか?
どのように解決するのですか?
<ブロッククオート
もし
Form
を作成する場合、保存、リセット、または検証のために
を使用します。
TextFormField
. その他 単純なユーザ入力の取り込みの場合
TextField
で十分です。
TextFormField
と統合され
Form
ウィジェットに統合されます。
TextFieldウィジェットをFormFieldで包む便利なウィジェットです。
A
Form
の祖先は必要ではありません。Form は単に
複数のフィールドを一度に保存、リセット、または検証することができます。
.
フォームなしで使用するには、コンストラクタにGlobalKeyを渡し、GlobalKey.currentStateを使用してフォームフィールドを保存またはリセットします。
のサンプルです。
TextFormField(
autovalidateMode: AutovalidateMode.always
decoration: const InputDecoration(
icon: Icon(Icons.person),
hintText: 'What do people call you?',
labelText: 'Name *',
),
onSaved: (String value) {
// This optional block of code can be used to run
// code when the user saves the form.
},
validator: (String value) {
return value.contains('@') ? 'Do not use the @ char.' : null;
},
)
TextField
これは、テキストフィールドから
Form
を統合したものです。
テキストフィールドが呼び出すのは
onChanged
コールバックを呼び出します。ユーザーがフィールドへの入力を終えたことを示すと (たとえば、ソフトキーボードのボタンを押すなど)、テキストフィールドは
onSubmitted
コールバックを呼び出します。
関連
-
[解決済み] Flutterを使ってローカルストレージに保存するには?
-
[解決済み] Flutter。画面の向きをオンデマンドで設定・ロックする方法
-
[解決済み] Flutter ListViewでウィジェットにスクロールする
-
[解決済み] Flutterで次のTextFieldにフォーカスを移すには?
-
[解決済み] FlutterのprimaryColorとprimarySwatchの違いは何ですか?
-
[解決済み] Flutter StreamBuilderとFutureBuilderの比較
-
[解決済み] 素材ウィジェットが見つかりません
-
[解決済み] FlutterでAndroidのStatusBarを非表示にする方法
-
[解決済み] Flutterアプリがウェブ上で動作しているかどうかを検出するには?
-
[解決済み] SingleChildScrollViewでExpandedを使用するには?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] TextFieldの高さと幅を変更するには?
-
[解決済み] Navigatorを含まないコンテキストで要求されたNavigator操作
-
[解決済み] Flutterで次のTextFieldにフォーカスを移すには?
-
[解決済み] Flutter 条件に応じてリストをフィルタリングする
-
[解決済み] CircularProgressIndicatorにサイズを設定するには?
-
[解決済み] 素材ウィジェットが見つかりません
-
[解決済み] FlutterでAndroidのStatusBarを非表示にする方法
-
[解決済み] 丸みを帯びたボーダーを持つボタンを作成する [重複]。
-
[解決済み] FlutterでSafeAreaを使用する
-
[解決済み] SingleChildScrollViewでExpandedを使用するには?