『！』の真偽値【Flutter】

Question

追記：⓵に関する疑問点

・１つ目TabBarViewは、常にLinearProgressIndicator状態。
・２つ目TabBarViewは、2秒間LinearProgressIndicatorのち、コンテナが表示。
(⇒動作は正常。ただ、２つ目TabBarViewの過程が分からない。)

---

・1つ目...デフォルト(false)➡!dummyLoading(true)➡trueなので、"?"の選択肢。➡理解できる????

・2つ目...デフォルト(false)➡2秒間、dummyLoadingは「true」
➡!dummyLoading(false)【※ !true(=false)】
➡falseなので、":"の選択肢。➡あれ、"?"が選択されてる...➡なぜ..❔????

bool dummyLoading = false;　　　　　　　　　　　　　　　　　　　　　　　　//●デフォルトは、false

child: TabBar(                                               　　　　　//●TabBar条件分岐
                    onTap: (newIndex) {
                      if (newIndex == 2) {
                        Future.delayed(Duration(seconds: 2), () {
                          setState(() {
                            dummyLoading = true;
                          });
                        });
                      } else {
                        dummyLoading = false;
                      }

　　　　　　　　　　　　!dummyLoading　　 //⇒１つ目TabBarView　　　　　　 //●TabBarView
                          ? Center(
                              child: LinearProgressIndicator(),
                            )
                          : Container(
                              color: Colors.yellow,
                              child: Center(
                                  child: Text(
                                '????',
                                style: TextStyle(fontSize: 70),
                              )),
                            ),
                      !dummyLoading　　//⇒２つ目TabBarView　(以下、６つまで続く)
                          ? Center(
                              child: LinearProgressIndicator(),
                            )
                          : Container(
                              color: Colors.yellow,
                              child: Center(
                                  child: Text(
                                '????',
                                style: TextStyle(fontSize: 70),
                              )),
                            ),..............

---

現在TabBar及びTabBarViewを使っており、条件分岐で混乱しております????

2秒間のLinearProgressIndicatorのち、Container????が表示されるUIです。

---

質問は2点です。

⓵『!dummyLoading』は、trueなのか。【!】

bool dummyLoading = false;

先頭に！を付けた！dummyLoadingは、trueなのでしょうか？

・以下、TabBarViewです。

・以下、TabBarです。

---

LinearProgressIndicatorのち、Container????が実行される過程での
true,falseで混乱しております????

---

⓶インデックスの一括選択

上記2枚目の画像のとおり、現在インデックスは、２のみ指定しております。
効率的に一括選択できる方法はありますか？

もしくは、同じものを複数個つくる必要があるのでしょうか？(２のみ、３のみ、４のみ...)

---

お時間あるときにご返信いただければ、幸いです。????

Comments

[tepci]

②について
一括選択というのはどういうことでしょう？
そもそもif文を設けなければどのインデックスでも該当させることはできます。
インデックスごとで条件分けする場合は条件ごとに複数個作る必要があります。

[kazuki_user]

ListView.separatedで、TabBar及びTabBarViewを６つ作ったのですが、
６つすべてにif文の条件を、コンパクトなコードで一括で反映させようと考えておりました。

ですが、if文を設けない方法もあるのですか？
(if文を使用する事に こだわってはいません。)

Answer 1

①先頭に!をつけると、boolは反転します。

!true // => false

!false // => true

②Switch文も使えます。break文が必要になりますが。

Switch(newIndex) {
  case 1: 
    // 処理１
    break;

  case 2: 
    // 処理２
    break;

  case 3:
    // 処理３
    break;
  
  default:
    // それ以外
    break;
}

どのインデックスでも処理が同じ場合はそもそもif文はいらない。

onTap: (newIndex) {
  // 処理
}

Comments

[kazuki_user]

ご返信ありがとうございます。

⓵に関する疑問点を追記させて頂きました????
認識の誤りがあれば教えて頂けると嬉しいです。

⓶了解です。Switchも試してみます！

[tepci]

ソースを見る限り、
２つ目のタブを押した２秒後にdummyLoadingがtrueになるというロジックにみえます。なので、最初の２秒間はfalseです。
また、newIndexが2ではないときにdummyLoading = falseとしていますが、setStateで囲っていないと反映されないです。
またまた、dummyLoading（ロード中）がfalse（いいえ）のときにローディングインジケーターを表示するというよくわからないことになっているのでビックリマークは外していいかと思います。
まだ気になる部分はありますが...

[kazuki_user]

ご返信ありがとうございました????
ベストアンサーとさせて頂きます。

Answer 2

!は否定演算子と言って、boolean型の変数の前につけると意味が反転します。