Изображение объекта 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

Вы можете легко добиться этого, используя значок вызова и контейнер таким образом.

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

Answer 2

вы можете использовать мой исходный код, он будет работать отлично на все 100%. Благодарность

      import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      title: "Asset Image example",
      home: MyApp(),
    )
  );
}
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: Card(
          color: Colors.purple,
          child: Padding(
            padding: const EdgeInsets.all(20.0),
            child: Row(
              children: <Widget>[
                Text("Hello",style: TextStyle(fontWeight: FontWeight.w600,fontSize: 15.0,fontFamily: 'Poppins'),),
                Spacer(),
                Image(image: AssetImage('assets/icons/call.jpg'),width: 50,height: 50,),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

Answer 3

Попробуйте код ниже. Надеюсь, он вам поможет. Просто измени свой имидж по своему усмотрению

вы добавили изображение актива двумя способами

1. Image.assets() - документация здесь

2. AssetImage()

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

Экран результатов ->