flutter - Flutter 资产图像无法正确显示

Question

我想向卡片小部件添加一个图标，所以我使用了 ImageIcon 小部件，如下所示

Card(
  color: colorPalette.cultured,
  child: Padding(
    padding: const EdgeInsets.all(20.0),
    child: Row(
      children: <Widget>[
        Text(label,style: TextStyle(fontWeight: FontWeight.w600,fontSize: 15.0,fontFamily: 'Poppins'),),
        Spacer(),
        ImageIcon(AssetImage('assets/icons/call.png'),),
      ],
    ),
  ),
);

我要显示的图标是，

但显示的是，

pubspec.yaml 中的资产也正确缩进。

Answer 1

您可以使用其中任何一个来使用资产图像
Image.asset('image')
或
Image(image: AssetImage('image')) 来使用资产图像

用图标实现它

Container(
            width: 40,
            height: 40,
            decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(10),
                color: Colors.blue),
            child: Icon(
              Icons.call,
              color: Colors.white,
            ),
          )

Answer 2

试试下面的代码希望它对你有帮助。只需根据需要更改图像

您有 2 种方式添加资产图像

1. Image.assets() -此处的文档

2. 资产图像（）

      Row(
             children: [
               Image(
                  image: AssetImage('assets/images/shop.png'),
                  width: 150,
                  height: 150,
                ),
                Image.asset(
                  'assets/images/cycle.png',
                  width: 150,
                  height: 150,
                ),
             ],
           ),

您的结果屏幕 ->