[Flutter]ボタン(ElevatedButton)のonPressed属性の「() =>」を忘れると何が起こるのか

Flutterにおけるボタン(ElevatedButton)には、それを押したときにすることを書く場所である「onPressed」属性がありますが、

blank

この「onPressed」属性を使う際には、ボタンを押したときにすること(呼び出し先の関数)に加えてその前に「() => 」を書く必要があります。

blank

では、この「() =>」を忘れると何が起こるのでしょうか。

実は、この「() =>」を忘れると、「ボタンを押した時にすること(上の例では_onButtonPressedメソッド)」は、

  • ボタンを押したときではなく、
  • ボタンが描画されたとき(buildメソッドが回ったとき)

に発動されてしまいます。

blank

これは意図していない動きなので困った事態なのですが、残念ながら日頃はとても賢いAndroid Studioくんも、これについては文法エラーを指摘してくれないというトラップ的な現象なので、注意が必要です。

ちなみに、この「onPressed」属性の正体は、VoidCallbackといって引数の無い関数となっていて、

blank

「() =>」は、関数の設計図における引数部分(下の絵でいう③)になっているということは、

blank

じつは、onPressed属性というのは、「名前の無い関数(無名関数)」であるということがわかります。

(詳しくは、以下の動画で解説していますので、よろしければご覧ください)

blank

こんな記事も読まれています

今すぐプレゼントを受け取る(約6時間のFlutter初級編体験版動画講座を無料でプレゼント)
blank

はじめての方へ

blank
みんプロ式プログラミング講座体系・ラインナップ
みんプロ式プログラミング講座受講の流れ(割引特典利用方法)
サイトマップ(みんプロHPコンテンツ一覧)
運営会社概要

おすすめコンテンツ

プログラミングを学ぶとどんないいことがあるのか
みんプロ式を選んでいただける6つの理由
ぼくの人生挫折ヒストリー(代表者プロフィール)
ぼくのプログラミング挫折ヒストリー(無料メール講座・6大特典付き)
今最も注目のアプリ開発ツール「Flutter(フラッター)」ミニ動画講座

みんプロ式動画講座(コア・Flutter)

ゼロからのFlutter(初級編)-はじめてのプログラミングからアプリリリースまで-
Flutter中級編1-Web通信・設計・状態管理・DIの基礎-
Flutter中級編2-Firebase/地図・カメラ連携等の基礎-
Flutter中級編3-広告/アプリ内課金等の基礎-
Flutter中級編4-Webアプリとレスポンシブデザインの基礎-

みんプロ式動画講座(サテライト)

Flutter/Dartトラブルシューティング・小ネタ集(コア初級編受講で無料プレゼント)
ゼロからのGit・GitHub(コマンドラインツールを極力使わないバージョン管理入門)
Flutter/Dartにおける設計・状態管理・DIの解説集
Dart逆引き大辞典
Flutterにおけるテストの基礎
blank
blank

みんプロ作成アプリ

blank
blank
blank
blank

TOP