部分的にタブの切り替える機能（？）を実装したい

Question

前提・実現したいこと

Flutterでログインフォームを作成しようとしています。

以下の画像のように、ログインとサインアップをタップしたときに、ページ全体ではなく陰のついた領域、またはその中身だけを切り替えるようにしたいです。

情報が足りないようでしたらその都度補足していきますので、どうぞよろしくお願いいたします。

![

試したこと

TabBarを使った実装を試してみましたが、タブのコントローラをAppBarのbottomに設定する必要があり、ページ全体をタブで切り替えることしかできないようです。

”タブ”という項目で調べているせいか、自分が調べた範囲では、ほとんどがページ単位で切り替えるというものでした。

Answer 1

まずはbool型のlogin変数を作り(変数名は自由に)
widget部分を書く前に判別式を書いてください。

?はtrueの場合
：はfalseの場合
で別れます　下の例の場合だと
loginがfalseの場合のaddアイコン表示されます

例

bool login = false;

login
?IconButton(
  onPressed: () {},
  icon: Icon(Icons.change_circle),
 ),
:IconButton(
  onPressed: () {},
  icon: Icon(Icons.add),
 );

今回のtksx1227さんの場合でしたら

IconButton(
  onPressed: () {},
  icon: Icon(
    Icons.add,
    color: login
      ?Colors.red
      :Colors.white
  ),
 );

の様にcolorのプロパティの部分で判別式を入れる様にするとうまくいきます。
あとはColumnの中とログインと新規登録押された時のに入れるといいのかなと思います。
ボタンが押されたときのloginのtrue falseの切り替えは割愛させていただきます。