Flutter、個別のページごとにテーマを設定したい。

Question

前提・実現したいこと

個別のページごとにテーマを設定したい。

現在、Flutter学習中で、最初の画面からボタンを押して、遷移した後のページを作っています。
この最初のページでMaterialAppをつかってtheme: themeData()で共通のテーマを作っています。
遷移後以降のページでのみ違うテーマを使いたく、遷移後のページでもう一度MaterialAppを使い、画面遷移を行うと、ボタンを押した後の遷移後、黒い画面を返してしまいます。

これは下記と同じようなエラーだと思っています。
黒い画面を返すFlutter Navigator.pop(context)

（MaterialAppのウィジェット内で、再度MaterialAppを使用した場合も、ウィジェットツリーに2つのナビゲータができてしまうので、そういう使い方はできないというのが現在の認識です。）

MaterialAppは入れ子のように使えないという認識で合っているのでしょうか？？

また、入れ子で使えない場合、個別でページのテーマを設定する方法とかはあるのでしょうか？？

今回コードが長かったため、省略しました。必要でしたら全コード貼り付けします。

Answer 1

ThemeWidget を使ってみてはどうでしょうか。

https://api.flutter.dev/flutter/material/Theme-class.html

Comments

[Inete6Q]

ありがとうございます！画面遷移後の画面でもテーマを設定できました。
やりたかったことができたので、わからなくてもいいことなんですが、MaterialAppウィジェット内ではMaterialAppウィジェットは使えないという仕様で間違いないんでしょうか？？

[satokei]

使えない仕様というよりは、MaterialApp自体にいろいろ機能が含まれているので、
入れ子にすると面倒なことになるかもという認識です。

Navigatorをネストすることもありますが、その場合MaterialAppを使わず、
素直に単機能のNavigatorを使えばいいだけです。

[Inete6Q]

わかりました！
どういった機能を使うときにNavigatorをネストするのかなど、まだイメージがわかないのですが、調べてみようと思います。
ありがとうございました！！