Dart 在屏幕上绘制渐变

为了实现一个颜色选择器，我想画一个内部有渐变颜色的矩形。我试着使用一个带有

装饰框的容器，但它不太管用，因为我必须给它一个宽度，我想让它填充其父容器。
在颤振中绘制渐变的最佳方法是什么？
听起来你已经知道如何绘制渐变，你的问题更多的是如何使装饰框尽可能大

如果您的代码>装饰框出现在<代码>列或<代码>行< /代码>中，请考虑将其包装为AN并设置OT.

如果您的
DecoratedBox
是一个小部件的子部件，而该小部件没有为其子部件提供大小（例如），请尝试将其包装在一个带有
约束的小部件中。下面是一个例子：


导入“包装：颤振/材料.省道”；
void main（）{
runApp（新的MyApp（））；
}
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回新材料PP(
标题：“梯度示例”，
主页：新建MyHomePage（），
);
}
}
类MyHomePage扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
归还新脚手架(
appBar：新的appBar(
标题：新文本（“渐变示例”），
),
正文：新中心(
子项：新的约束框(
约束：新建BoxConstraints.expand（），
孩子：新装饰的盒子(
装饰：新盒子装饰(
渐变：新的线性渐变(
颜色：[颜色。红色，颜色。蓝色]
),
),
),
),
),
);
}
}

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Gradient Example',
      home: new MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Gradient Example'),
      ),
      body: new Center(
        child: new ConstrainedBox(
          constraints: new BoxConstraints.expand(),
          child: new DecoratedBox(
            decoration: new BoxDecoration(
              gradient: new LinearGradient(
                colors: <Color>[Colors.red, Colors.blue]
              ),
            ),
          ),
        ),
      ),
    );
  }
}