私がオススメするプログラミング教材です

【Flutter入門】TextFieldの値をonPressedで取得する方法

更新日:

記事の内容


TextFieldに入力された値を、あるボタンが押された時に取得したい時があります。
TextFieldとFlatButtonの連携と言えるかもしれません。
この記事ではその方法を紹介します。

実装方法

Widget内に変数を宣言します。

String taskName;

onChangedで値をセットします。

TextField(
  autofocus: true,
  textAlign: TextAlign.center,
  onChanged: (value) {
    taskName = value;
  },
),

onPressedで取得します。

onPressed: () {
  print(taskName);
},

DartとFlutterをより詳しく勉強したい人には、この記事がオススメです


SwiftでiOSアプリを開発したい人には、この記事がオススメです


KotlinでAndroidアプリを開発したい人には、この記事がオススメです


Gitをより詳しく勉強したい人には、この記事がオススメです


ゼロからWebエンジニアになりたい人には、この記事がオススメです


独学で実務っぽい経験を積みたい人には、この記事がオススメです

-Flutter, プログラミング

Copyright© プログラミング道場 , 2025 All Rights Reserved Powered by AFFINGER4.