flutter 我可以设置梯度作为脚手架的背景吗?

qhhrdooz  于 2023-10-22  发布在  Flutter
关注(0)|答案(1)|浏览(129)

我在Scaffold参数中没有看到该选项,而backgroundColor只接受Color。有没有可能设置一个梯度作为背景的脚手架,而不必使用一个容器装饰

dwthyt8l

dwthyt8l1#

您可以添加DecoratedBox或Container作为主体,并在其中给予渐变颜色。举个例子

return Scaffold(
  body: DecoratedBox(
    decoration: BoxDecoration(
      gradient: LinearGradient(
        colors: gradientColors,
      ),
    ),child: ......Your code........,
  ),
);

colors是一个颜色列表。所以你给予你喜欢的颜色。这将显示第一个到最后一个顺序的颜色。举个例子

[
const Colors.blue,
const Colors.white,
const Colors.red,];

或者,您可以定义一个颜色列表,并使用列表名称调用该颜色列表。在上面的例子中,我给出了颜色“gradientColors”,这是一个列表。以下是如何创建颜色列表:

List<Color> gradientColors = [
const Colors.blue,
const Colors.white,
const Colors.red,];

在创建这样的列表之后,您所要做的就是在属性中调用此列表。
希望这对你有帮助。问我是否需要任何与Flutter有关的东西。

相关问题