Flutter 中使用 Scaffold 時,如何設定背景色的透明度?

要設置  `Scaffold`  背景色的透明度，可以使用  `Color`  的  `withOpacity()`  方法。例如，要將背景色設置為半透明的藍色，可以使用以下代碼：

Scaffold(

  backgroundColor: Colors.blue.withOpacity(0.5),

  // other properties

)

在上面的示例中， `Colors.blue.withOpacity(0.5)`  創建了一個半透明的藍色  `Color`  對象，然後將其分配給  `backgroundColor`  屬性。

 註意，這不會影響  `AppBar`  或其他  `Scaffold`  中的元素的不透明度。如果需要，您可以單獨設置  `AppBar`  背景色的透明度，使用  `AppBar`  的  `backgroundColor`  屬性，如下所示：

Scaffold(

  backgroundColor: Colors.transparent, // 為整個 Scaffold 設置透明背景

  appBar: AppBar(

    backgroundColor: Colors.blue.withOpacity(0.5), // 設置 AppBar 背景為半透明藍色

    // other properties

  ),

  // other properties

)

在上面的示例中，為了使  `Scaffold`  背景透明，我們將  `backgroundColor`  屬性設置為  `Colors.transparent` 。然後，我們為  `AppBar`  設置了半透明的藍色背景，使用  `backgroundColor`  屬性。這樣您就可以單獨設置  `AppBar`  的透明度，而不會影響其他元素的不透明度。