FlutterでWebAppをデプロイしてみたら画面が灰色だったときの話

最近Flutterで何かアプリを作ってみようと思ってローカル環境では一通り思っていた動作ができたので、

試しにFirebaseでHostingしてみようと思い、早速Hostingしてみて動作確認してみたら

一部画面で一面灰色が広がっていました・・・。

ローカル環境で動かしてた時は全然問題なかったのになんで？と思って原因探してたんですけど

改めてローカル環境の動作確認してみてたら

Incorrect use of ParentDataWidget.　というエラーが発生してました。

ローカルだと動いてたせいで気にしてなかったんですが普通にエラー吐いてました。

上記のエラーが発生してた原因としてはExpand のWidget をColumn, Rowの中で使ってなかったのが原因でした。

エラー解決に探してみつけた記事がこちらです。

ローカルで動いてるからといって問題ないと思ってはいけないんですねー・・・。

というか普通にログ気にしてたら気づけてた内容なのにこの原因探すのにだいぶ時間使ってしまったのがただただ情けなかったです。

とりあえず今は灰色にはならずに想定していた画面が表示できるようにはなりました。

ただ上記不具合は解決しても他の不具合見つかって結局動かないんですけどね・・・。

色々勉強になりました。なんだかんだ久しぶりにアプリ作ってみてるのは楽しい。

他の人に使ってみてもらえることが前提なので尚更。

あと１週間ぐらい使ってとりあえず動かせる形にはしたいところです。

今回もまた備忘録という形で記事に残しておきましたが、また何か詰まったところ会ったら記事あげようかと思います。

とりあえず今日はこの辺で。

それではー