同じ色のコードを書いてもシミュレーター上で色が異なる(Dart,androidstudio)

Question

RaisedButton.iconとContainerで色が異なるものなのでしょうか。
以下は実際のandroid studio画面とシミュレーターのスクリーンショットです。

Answer 1

RaisedButtonにはデフォルトで影がついているので、背景色を透明にすると、その影の黒色が見えてしまいます。
おそらくこれがRaisedButtonだけ色が変わってしまう原因だと思います。

試しにelevationを0にしてみると、他と同じ色になると思います。

RaisedButton(
  child: Text("copy"),
  color: Colors.black12,
  elevation: 0,
  onPressed: () {},
),

※ Colors.black12は透過率12%の黒という意味です。

Comments

[ixei]

色が同じになりました
デフォルトで影が入っているんですね！透過しているのと相まって色が異なって見えたんですね。