title: Custom Dropdown Button and MenuItems Flutter
body: <p>I am trying to build my own drop down button with separated and condensed menu items, like the image below:</p>
  
  <p><a href="https://i.stack.imgur.com/R4aMJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/R4aMJ.png" alt="Source inspiration"></a></p>
  
  <p>here's the code I have tried so far, I got the drop down width to match the container but the items can't be customized so far and always the height starts from above the button and is not occupying the width of the container:</p>
  
  <pre><code>body: Container(
      margin: EdgeInsets.symmetric(horizontal: 10.0, vertical: 5.0),
      child: Container(
        width: double.infinity,
        decoration: BoxDecoration(
            borderRadius: BorderRadius.all(Radius.circular(10.0)),
            border: Border.all(color: Colors.brown, width: 1.0)),
        padding: EdgeInsets.fromLTRB(10.0, 5.0, 10.0, 5.0),
        child: DropdownButtonHideUnderline(
          child: ButtonTheme(
            alignedDropdown: true,
            child: DropdownButton(
              isExpanded: true,
              isDense: true,
              value: selection,
              icon: Icon(
                Icons.arrow_drop_down,
                color: Colors.brown,
              ),
              iconSize: 40,
              underline: Container(
                height: 1,
                color: Colors.transparent,
              ),
              onChanged: (String val) =&gt; setState(() =&gt; selection = val),
              items: settingsOptions.map((option) {
                return DropdownMenuItem(
                  value: option,
                  child: Text(option),
                );
              }).toList(),
            ),
          ),
        )
      ),
    ),
  </code></pre>
  
  <p>This is the output from the code:
  <a href="https://i.stack.imgur.com/eOg9X.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eOg9X.png" alt="Different Output"></a></p>
  
  <p>How do I customize the items width, height and add dividers like in the first image? Thanks</p>