flutterpopupmenubutton

Remove padding from Flutter PopupMenuButton

Any ideas how I can remove the huge padding from a Flutter PopupmenuButton? Something like a shrinkWrap or even an alternative widget that can use? It's ruining the alignment of my elements.

I tried setting the padding to 0 but no effect at all.

padding: EdgeInsets.all(0)

enter image description here

enter image description here

Solution

  • Supplying child rather than icon will allow you to use a custom widget with any desired size/padding.

    Note: Icons.more_vert carries its own padding, but any custom icon can be used to avoid that.

    PopupMenuButton(
  child: Container(
    height: 36,
    width: 48,
    alignment: Alignment.centerRight,
    child: Icon(
      Icons.more_vert,
    ),
  ),
  onSelected: (value) {},
  itemBuilder: (context) => [],
),