如何让渐变和资产图像协同工作？答案

【问题标题】：How do I get the gradient and asset image to work together?如何让渐变和资产图像协同工作？
【发布时间】：2021-03-26 15:50:25
【问题描述】：

我得到的唯一错误是“未定义命名参数'body'”。 ...我该如何解决？

import 'package:flutter/material.dart';

void main() {
  runApp(MaterialApp(
    home: Container(
      decoration: BoxDecoration(
        gradient: LinearGradient(
            begin: Alignment.topCenter, 
            end: Alignment.bottomCenter, 
            colors: [const Color(0xFF50658C), const Color(0xFF2D4067)]
       ),
     ),
    ),
          body: Center(
            child: Image(
                image: AssetImage('assets/space.png'),
            ),
          ),
        ),
  );
}

【问题讨论】：

您需要清楚地解释您的问题。代码当前已编辑且格式正确...您可以编辑问题以正确解释您的问题吗？

标签： flutter dart gradient

【解决方案1】：

您的图片应该放在容器的装饰内，以便应用渐变。当您将图像分配给容器的孩子时，它将出现在所有装饰的顶部。你会希望你的容器看起来像这样。

           Container(
              decoration: BoxDecoration(
                gradient: LinearGradient(
                    begin: Alignment.topCenter,
                    end: Alignment.bottomCenter,
                    colors: [const Color(0xFF50658C), const Color(0xFF2D4067)]
                ),
                image: DecorationImage(image: AssetImage('assets/space.png'))
              ),
            )

【讨论】：