如何在颤动中去除卡片的内部填充？

Question

I have placed a bookmark icon inside a card, but am unable to remove the inner padding of the card. I would like to have the bookmark icon stick to the border of the card. How should I do it?

I have aligned the icon to "topRight", but it can't help.

Answer 1

I just want to leave a full code removing the default margin to make it clear

Card(
  margin: EdgeInsets.zero,
  clipBehavior: Clip.antiAlias,
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(8.0),
  ),
  elevation: 4,
  child: Image.network(
    model.item.image,
    width: 20,
    height: 200,
    alignment: Alignment.center,
    fit: BoxFit.cover,
),

Answer 2

您可以尝试将卡片的边距属性设置为EdgeInsets.zero

Answer 3

The Card widget has Padding by default. If this is not the desired behavior you could implement your own widget using Container that looks like a Card

Answer 4

You can wrap your Card into a MediaQuery.removePadding or MediaQuery.removeViewPadding or MediaQuery.removeViewInsets . It works for all widgets with default padding/inner spacing and you can select the specific padding you want to remove ( top , bottom , right or left ):

MediaQuery.removeViewInsets(
  removeRight: true,
  removeLeft: true,
  removeTop: true,
  removeBottom: true,
  context: context,
  child: Card(...),
)

Answer 5

卡片的默认边距为 4，因此您必须将边距设置为零边距：EdgeInsets.zero，