如何在颤动中为卡片添加颜色渐变

Question

我想在Flutter中为卡添加颜色渐变，尝试了几种Container和decoration的方法，但无法使整个代码正常工作。

这是当前的工作代码，我想用一个梯度代替第3行：

return new Card(
elevation: 5.0,
color: color.orangeAccent, //I want to replace this color with a gradient
child: Padding(
padding: new EdgeInsets.all(15.0),
child: Column(
children: <Widget>[
InkWell(
onTap: () {},
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[],
),
),
),
]
)
),
);

我参考了这篇文章中给出的建议，但无法将其与我的代码正确集成。

Answer 1

用Container包裹您的列，并使用渐变色进行装饰

Card(
elevation: 5.0,
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
colors: [
Colors.green,
Colors.blue,
],
begin: const FractionalOffset(0.0, 0.0),
end: const FractionalOffset(1.0, 0.0),
stops: [0.0, 1.0],
tileMode: TileMode.clamp),
),
child: Padding(
padding: new EdgeInsets.all(15.0),
child: Column(children: <Widget>[
InkWell(
onTap: () {},
child: Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[Text("Test")],
),
),
),
])),
),
),