【Flutter】GoRouterのStatefulShellRouteで気をつけること。。。

あいさつ

皆さんこんにちは！ 9ヶ月ぶりの投稿となりました😅 今回のテーマはGoRouterでルート管理をStatefulShellRouteを利用して実装したのですがこちらで一点問題点があったのでお知らせしたいと思います。

そもそもGoRouterのStatefulShellRouteとは？

まずはstatefulShellRouterについて少しだけ解説を行いたいと思います。

ボトムナビゲーションの永続化が可能という点です。 しかし、永続化と言われてもピンとこないかもしれませんね...

簡単に言うと状態の維持が可能と言うことです！ つまり、他の画面に移行したとしても値が保持され続けるのです

こちらの記事が詳しく記載されているのでもっと詳しく知りたい方はこちらの記事を参照されてください🙇‍♂️

困ったこと

先ほども説明したようにボトムナビゲーション毎にナビゲーションの維持をすることが可能です！

しかし、こちらはメリットでもありますが現状では状態を破棄する手法がないようです。。

つまり、表示していない画面分もメモリを利用していた。。。

これだと、メモリリークを落としやすくなってしまうのです。つまり、画面遷移を行い全てのタブを開いた状態でアプリを利用するとクラッシュしやすい状態だということ

対応策(ShellRouterを利用する)

私の場合はそもそもStatefulShellRouterの良さを出しきれていなかったため通常のShellRouterを利用することで状態の破棄を実現させました。

状態が破棄されると言っても毎回ローディングが走るというわけではありません！

スクロールやタブバーの位置が初期に戻るだけ？です

まとめ

StatefulShellRouterは実際に使えそうな場面はどこでしょうか？

こちらをもっと明確化させることも必要だと思いました。

• タブ毎に明らかに異なる機能を持たせている場合？
• ナビゲーションタブ毎にルートをしっかり管理するような大規模アプリの場合？

などでしょうか？(難しい...)

メモリリークについてはあまり目を配っていない部分ではあったので良い勉強になったと思います。

皆様もメモリの使用量には気をつけながら実装しましょう😇