[Flutter]InkWellはなぜMaterialで包まないとエラーになるのか(No Material Widget found)

Widgetをタップしたときのフィードバック効果を出すことの出来る「InkWell」というWidgetがありますが、

The highlight is a rectangle the size of the box.

この「InkWell」を使う際には、「Material」で包まないとエラーになります。つまり、こうじゃなくて

blank

こうしてしまうと、、

blank

エラーになります。

blank

公式にも書いてありました。

blank

なぜそうなのかということ、実はフィードバック効果を実際に描画するのは「InkWell」ではなくて、それを包んでいる「Material」が担うからということのようですね。

The Material widget is where the ink reactions are actually painted. This matches the material design premise wherein the Material is what is actually reacting to touches by spreading ink.

(「Material」ウィジェットは、実際にインクの反応を描く場所です。これは、タッチに反応してインクを広げるのが「Material」であるというマテリアルデザインの前提に合致しています。)

InkWellはあくまでタップしたときのフィードバック効果を出すための、Materialウィジェットにおける領域を示しているだけのようです。このあたりはFlutter内部の決まり事なので仕方ないですね。

A rectangular area of a Material that responds to touch.

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

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