[Flutter]providerパッケージのContext.read/watch使用上の2つの注意点(Tried to call Provider.of<dynamic>. This is likely a mistake and is therefore unsupported.)

このページには広告が含まれる場合があります。

 

Flutterで状態管理を行う際にGoogle先生が推奨している「provider」という非常に有名なパッケージがあります。

blank

この際に、提供される側で使う「Provider.of」メソッド、あるいはそれと同じ役割を果たす「context.read / watch」メソッドがありますが、

blank

これらを使う際に注意すべき点が2つありますので、以下にご紹介しておきます。

 

1.context.read / context.watch共にAndroid Studioが自動的にコード補完してくれない

1つめは、Dartファイル内で「context.read」あるいは「context.watch」とコーディングしても、Android Studioがコード補完してくれないので、全て手打ちかつproviderのimport文の手動挿入が必要になるということです。

blank

 

2.ジェネリクスをつけないとランタイムエラーになる

2つめは、「context.read」あるいは「context.watch」の後ろに読み取り対象のクラス(変更通知を受けるクラス)をジェネリクスで指定しないと、コンパイルエラー(文法エラー)ではなく、アプリを動かした際に以下のエラーが出る(ランタイムエラー)ので注意が必要です。

Tried to call Provider.of<dynamic>. This is likely a mistake and is therefore unsupported.

blank

 

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

(注)以下のフォームより当社公式メールマガジンにご登録頂くことで
約6時間のFlutter動画講座が無料で受講できます!

(メールマガジンは登録無料・いつでも解除可)

[体験版]
ゼロからのFlutter
(Flutter初級編) 

 

【体験版講座に含まれるもの】
・約70本・約6時間の動画テキスト
・1つの課題アプリのソースコード
・Flutterアプリを作るための「環境構築ライブサポート(Google Meet)」
(「体験版」は全30時間超の「製品版」の約1/6を抜粋した講座です。「製品版」の詳細はこちらから)

 

【当社公式メルマガご登録6大特典】
blank

\約6時間動画講座を無料プレゼント!/
今すぐ無料体験版に申し込む ▶
無料メルマガ登録で講座割引クーポンなど6大特典ゲット!

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

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

はじめての方へ

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

みんプロ作成アプリ

blank
blank
blank
blank
blank

みんプロ式動画講座(コア・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

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