[Flutter]Containerの背景にグラデーションを設定するには？

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

Containerの背景にグラデーションを設定する方法を紹介します。

方法

Containerの背景にグラデーションを設定するには、まず引数「decoration」に「BoxDecoration」を指定します。

そして、BoxDecorationの引数「gradient」にグラデーションを指定します。

Container(
  decoration: BoxDecoration(
    gradient: /*グラデーション*/,
  ),
),

以下は、使用例です。

Container(
  decoration: BoxDecoration(
    gradient: LinearGradient(
      colors: [
        Colors.blue, //始まりの色
        Colors.yellow, //終わりの色
      ],
    ),
  ),
  width: 300,
  height: 100,
)