Popupmenubutton width flutter

The width of the PopupMenuButton widget in Flutter can be customized using the itemBuilder property. The itemBuilder is a callback that generates the content of the menu, including its width.

Here is an example of how you can set the width of a PopupMenuButton:

      
        PopupMenuButton(
          itemBuilder: (BuildContext context) {
            return [
              PopupMenuItem(
                child: Container(
                  width: 200, // Set the desired width here
                  child: Text('Menu Item 1'),
                ),
              ),
              PopupMenuItem(
                child: Text('Menu Item 2'),
              ),
              PopupMenuItem(
                child: Text('Menu Item 3'),
              ),
            ];
          },
        )
      
    

In this example, the first menu item has a width of 200 pixels. You can adjust the width to fit your desired size.

Additionally, you can also use other widgets like ListTile or SizedBox to control the width of menu items:

      
        PopupMenuButton(
          itemBuilder: (BuildContext context) {
            return [
              PopupMenuItem(
                child: ListTile(
                  title: Text('Menu Item 1'),
                  contentPadding: EdgeInsets.symmetric(horizontal: 50), // Set the desired padding to adjust width
                ),
              ),
              PopupMenuItem(
                child: SizedBox(
                  width: 150, // Set the desired width here
                  child: Text('Menu Item 2'),
                ),
              ),
              PopupMenuItem(
                child: Text('Menu Item 3'),
              ),
            ];
          },
        )
      
    

In this example, the first menu item adjusts its width using contentPadding property to provide additional control. The second menu item uses SizedBox to set a specific width.