Flutter Navigator時のbuildについて

Question

#flutterのNavigator.push()について

FlutterのNavigatorの使い方と仕組み
こちらの記事書いてある

FirstPageからSecondPageへpush()を行う時

(0.StackにFirstPageのみ追加されている状態)
1.Stackの最上部にSecondPageを追加して、画面外に配置する
2.SecondPageをアニメーションして、画面前面に移動させる
3.アニメーション終了後、StackからFirstPageをoffstageに追加する
（※offstageは、Overlayの内部で使われている、現在描画する必要はないが、将来描画する予定があるWidgetのリストです）

と言う部分についてです。
こちらに書いてある

3.アニメーション終了後、StackからFirstPageをoffstageに追加する

この部分ではFirstPageをリビルドしてoffstageに追加しているのでしょうか？

仮にリビルドして追加いしている場合リビルドを防ぐ場合はありますか？

Answer 1

初期の回答はリビルドしないと勘違いしていたので、調査し直した内容を修正しました...すみません

現時点(Flutter 1.9)では、Navigatorでpushやpopした際に、Navigatorにスタックされているページは、リビルドされる仕様のようです。なお、リビルドを抑制するようなオプションは存在しないと思います

• maintainState:falseにすることで、リビルドは抑制できますが、スタックされた遷移前のページは状態が破棄されるので、戻ったタイミングで初期状態でビルドされてます。これはこれでよくないケースがありそう
• StatelessWidgetで構成されているケースでリビルドしない場合もありました（回答履歴参照）

詳しくは以下の本家のイシューに書かれています。
https://github.com/flutter/flutter/issues/11655

イシューによれば、基本的にWidgetのbuildは冪等性があり、リビルドされても同じ状態であれば、同じ結果を生成されるので、問題にはならない。ただし、パフォーマンス上よくないケースもあるので、今後何らかの対応があるかもしれないようです。

個人的には、特段パフォーマンス上の問題がなければ、リビルドされても気にしなくていい気がします。

---

この部分ではFirstPageをリビルドしてoffstageに追加しているのでしょうか？

厳密にはリビルドして追加しているのではなく、Navigatorのスタックに変化があった場合に、リビルドが実行されるようです。

Comments

[art_porokyu]

いつもありがとうございます！
リビルドしてるわけじゃないんですね。

今自分が作ってるものが、この記事で言うsecondにあたる画面に表示した後にfirstにあたるファイルがrebuildされてるんですよね。

ツリー構造があまり理解できていないってのが、そもそもの問題なのですが。

[popobot]

なるほど、リビルドされることがあるみたいですね...

以下にイシューが上がってました。
https://github.com/flutter/flutter/issues/11655

時間があるときに、もう少し調べてみようと思います

[art_porokyu]

ありがとうございます。

調べて見ます！

[art_porokyu]

完全にこれと同じ内容です。
ただ、 maintainState: trueは記述していないです。

[popobot]

maintainStateはデフォルトがtrueなので、記述してない場合はtrueのようです。
maintainState: falseにすると、リビルドは抑制されますが、非表示になった遷移前のページは状態が破棄されるので、戻ったタイミングで初期状態でビルドされて、これはこれでよくないケースがありそうです。

本家イシューを読んだ感じ、これは現時点では仕様のようです。基本的にリビルドされても同じ状態であれば、同じ画面が生成されるので、問題にはならない。ただし、パフォーマンス上よくないケースもあるので、今後何らかの対応があるかもしれないですね。

個人的には、特段パフォーマンス上の問題がなければ、リビルドされても気にしなくていい気がします。

なお、最初の回答で自分が書いたコードはStatelessWidgetですが、StatefulWidgetにしたら、リビルドされるようになったので、多くの場合Navigator.push()するとリビルドされると考えてよさそうです。自分が作っているアプリでもリビルドされていました...最初の回答はだいぶ間違っていたので、後でみた人のために修正しておきました、すみません。

（納得できないうちは、ベストアンサーにしない方がいいかもですね...他の方が回答してくれるかもしれないですし）

[art_porokyu]

読んでみるとリビルドされる仕様っぽいですよね。

> Navigatorのスタックに変化があった場合に、リビルドが実行されるようです。
スタックの変化に応じてるんですね。
仕様だと分かりコードを書いていけるので助かりました。
ありがとうございました。