Flutter asset image wont display properly

Question

I want to add an icon to a card widget so I used the ImageIcon widget as below

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'),),
      ],
    ),
  ),
);

The icon I want to display is,

but what is displayed is,

the assets in the pubspec.yaml are indented properly as well.

are there any error logs in the console – Lakmal Fernando Sep 12 '21 at 08:41 — Lakmal Fernando, Sep 12 '21 at 08:41
What happens if you remove the color palette ? – Aymeric Le Feyer Sep 12 '21 at 08:44 — Aymeric Le Feyer, Sep 12 '21 at 08:44

mohit yadav · Answer 1 · 2021-09-12T19:18:05.923

You can use either of these for using asset images
Image.asset('image')
or
Image(image: AssetImage('image')) for using asset images

For achieving it with icon

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

score 0 · Answer 2 · answered Sep 12 '21 at 11:31

Try below Code Hope its help to you . Just change your image on your need

you have add asset image in 2 Ways

Image.assets() - Documentation here

AssetImage()

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

Your Result Screen ->

Flutter asset image wont display properly

2 Answers2