やりたいこと

Flutterでは、OpacityWidgetを使うことでウィジェットを透明にすることができます。
しかし以下のような状態で、赤色のContainerのみを半透明にしたい場合は別の方法を使わないといけません。

↑青い部分まで透明化してしまっている

解決法

Colorプロパティの.withOpacityを使う

Container(
    height : 100,
    width : 100,

    color: Colors.red.withOpacity(0.5),
                      ^^^^^^^^^^^^^^^^

    alignment: Alignment.center,
    child : Container(
        height : 50,
        width : 50,
        color : Colors.blueAccent,
    ),
),

こうすることで以下のように.withOpacityを使ったウィジェットのみ、半透明にさせることができます。

お役に立てば幸いです。