我在Scaffold参数中没有看到该选项,而backgroundColor只接受Color。有没有可能设置一个梯度作为背景的脚手架,而不必使用一个容器装饰?
backgroundColor
Color
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有关的东西。
1条答案
按热度按时间dwthyt8l1#
您可以添加DecoratedBox或Container作为主体,并在其中给予渐变颜色。举个例子
colors是一个颜色列表。所以你给予你喜欢的颜色。这将显示第一个到最后一个顺序的颜色。举个例子
或者,您可以定义一个颜色列表,并使用列表名称调用该颜色列表。在上面的例子中,我给出了颜色“gradientColors”,这是一个列表。以下是如何创建颜色列表:
在创建这样的列表之后,您所要做的就是在属性中调用此列表。
希望这对你有帮助。问我是否需要任何与Flutter有关的东西。