Flutterで背景にグラデーションを設定する方法

背景にグラデーションを設定する方法です。

グラデーションの設定方法

Flutterでは、Container の decoration を使ってグラデーションを設定します。

.dart

Scaffold(
 body: Container(
   decoration: const BoxDecoration(
     gradient: LinearGradient(
       colors: [Color(0xFFF6A55F), Color(0xFFFF7A4E)],
       begin: Alignment.topCenter,
       end: Alignment.bottomCenter,
     ),
   ),
 ),
) 

colors → グラデーションの色（配列）
begin → 開始位置
end → 終了位置

背景として使用する場合は、Scaffoldのbodyをラップします。

実行結果