🧩

Flutter -- その色はなんの色?(失敗学)

2023/02/06に公開

ListTileの色はtileColorか?

UIを組んでいて、きっぱりした白がちょっと強すぎるなと思った。Listを表示しているListTile。defaultのままだったので、じゃあlistColorを指定すればいいのか?

変わらない。

あら、ここListTileじゃないの? よく見ると、その外側にCardがある。同じデザインを使い続けてるので、なぜここにCardがあるのかもよく考えてない。試しにCardを外したらどうなるんだ?

真っ白の四角がなくなって、全体にスタックしてある背景画像の上にListTile上の文字だけ、という状態になった。

これでlistColor指定したらどうなる? ・・・・変わらない。はあ?

ならばCardを戻して、Cardの色を変更するか。・・・できたわ。
codeはこちら。

                      child: Card(color: const Color(0x99e6e6fa),
                          elevation: 10,
                          child: Padding(
                            padding: const EdgeInsets.all(8.0),
                            child: ListTile(
                              leading: Text(data['*****']?? ""),
                              title: Text(data['*****']?? ""),
                              subtitle: Text(data['*****']?? "),

ということで、私が変えたかったのはCardの色でした。

半透明にして少し浮かせてみました笑

Flutter大学

Discussion