[Flutter]CupertinoPageScaffoldの背景色を透明にするには？

どうも、ちょげ(@chogetarou)です。

CupertinoPageScaffoldの背景色を透明にする方法を紹介します。

方法

CupertinoPageScaffoldの背景色を透明にするには、引数「backgroundColor」を使います。

具体的には、CupertinoPageScaffoldの引数「backgroundColor」にColors.transparentを指定します。

CupertinoPageScaffold(
  backgroundColor: Colros.transparent,
  child: Body(),
);

CupertinoPageScaffoldの引数「backgroundColor」にColors.transparentを指定することで、CupertinoPageScaffoldの背景色が透明になります。

使用例

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
          colors: [
            Colors.blue,
            Colors.green,
            Colors.red,
          ],
          begin: Alignment.topCenter,
          end: Alignment.bottomCenter,
        ),
      ),
      child: CupertinoPageScaffold(
        backgroundColor: Colors.transparent,
        child: Center(),
      ),
    );
  }