Flutter: AdMobでバナー広告を２つ表示したら「This AdWidget is already in the Widget tree」のエラー

結論：BannerAdクラスのインスタンスを２つ作成する

2021/11/1　Flutter エラー・バグ日記

AdMob（google_mobile_ads）を導入し、画面の下部にバナー広告を表示した状態で、画面内のボタンタップ時にダイアログを表示するときにも画面上部にバナー広告を表示するようにしたところ、以下のようなエラーが発生。

The following assertion was thrown building AdWidget(dirty, state: _AdWidgetState#18c5b):
This AdWidget is already in the Widget tree
If you placed this AdWidget in a list, make sure you create a new instance in the builder function with a unique ad object.
Make sure you are not using the same ad object in more than one AdWidget.

本記事はライトな日記思考で書いているので、詳細説明はしておらず、基本、テキストのみで画像とかはあまり載せておりません。。m(_ _)m

解説記事ではないため、解決していない内容や、その時々の間違った解釈を述べてしまっている可能性が大いにありますので、何卒、ご了承ください。

既にウィジェットツリーに広告ウィジェット（AdWidget）が存在しているため、二重では表示できないよ、ということらしい。

ネットで調べると、別の広告IDのバナーを表示すれば良い、という情報もあったが、AdMobに広告ユニットを追加しなければならないので、他の方法がないか模索。

結果、使用する広告ID自体は同じだが、その広告IDを代入するプロパティ（ゲッター）を、画面下部用とダイアログ表示時用の２つ用意し、それぞれをBannerAdクラスのadUnitId属性の引数として与える形で、BannerAdクラスのインスタンスを２つ作成したらうまく行った。

エラーメッセージをよく読んだら、「新しいインスタンスを作成せよ」とあるので、対処法がきちんと表示されていた。。（後で気づきましたm(_ _)m）

＼一般的なエラー対処法をまとめた記事はこちら／