flutter中如何創建透明容器

Question

我想讓容器像這樣透明：

這是容器代碼：

: Container(child: Column(
    children: [
             Container(child: Text('Address: '), alignment: Alignment.centerLeft,),
             Divider(color: Colors.grey,),
             Container(child: Text('$address'), alignment: Alignment.centerLeft,),
             ],
            ),
   color: Color(0xFF005D6C),
   );

如果我給color: Color(0xFF005D6C).withOpacity(0.5)那么，它只是讓顏色變亮

如何使容器透明？

Answer 1

嘗試將其包裝在不透明度小部件中

Opacity(
  opacity: 0.5,
  child: Container(child: Column(
    children: [
             Container(child: Text('Address: '), alignment: Alignment.centerLeft,),
             Divider(color: Colors.grey,),
             Container(child: Text('$address'), alignment: Alignment.centerLeft,),
             ],
            ),
   color: Color(0xFF005D),
   ),
)

Answer 2

嘗試對Container使用Colors.transparent + withOpacity 。

Container(
  color: Colors.transparent.withOpacity(0.5),
  child: Column(
    children: [
      Container(
        child: Text('Address: '),
        alignment: Alignment.centerLeft,
      ),
      Divider(
        color: Colors.grey,
      ),
      Container(
        child: Text('$address'),
        alignment: Alignment.centerLeft,
      ),
   ],
),

Answer 3

我想讓一個容器像這樣透明：

這是容器代碼：

: Container(child: Column(
    children: [
             Container(child: Text('Address: '), alignment: Alignment.centerLeft,),
             Divider(color: Colors.grey,),
             Container(child: Text('$address'), alignment: Alignment.centerLeft,),
             ],
            ),
   color: Color(0xFF005D6C),
   );

如果我給顏色： Color(0xFF005D6C).withOpacity(0.5)那么，它只是使顏色像這樣變亮

如何使容器透明？