ログイン時のデータ読み込み中のインジケーター表示

ログイン時に、画面が表示されるまでの読み込み時間がかかるようになってきたので、インジケーター表示させて、読み込み完了してから画面が表示されるようにコードを変更した。

Future<void>型の変数(_loadingFuture)を、lateでフィールドにしておき、その後、initStateメソッド内で、その変数に、時間のかかる処理をFuture<void>メソッドとして定義したものを代入する。

その後、buildメソッドのreturnで、FutureBuilder型のwidgetを定義。引数futureには、上記_loadingFutureを、定数builder内でif分岐をする。snapshot.conectionStateがConectionState.waitingならば、returnでインジケーター表示、elseで通常の画面表示用のMaterialAppを返すようにすることで成功!!

これにより、以前からの問題であった、他キャラの向きがランダムにならない問題が解決した。おそらく、FutureBuilder使ったことで、待機中にきちんと他キャラの読み込みが進むようになった。

Follow me!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です