title: Show bottom sheet with dropwdown options on dropdown click in flutter
body: <p>I have a <code>DropDown</code> which shows various options. The current behavior displays the options as a <code>DropdownMenuItem</code>.</p>
  
  <p>How can I switch the <code>DropdownMenuItem</code> to a <code>BottomSheet</code> which shows all the options within the <code>DropDown</code>?</p>
  
  <p>Current code:</p>
  
  <pre><code>DropdownButtonHideUnderline(
    child: Container(
      color: Color.fromRGBO(216, 216, 216, 0.33),
      padding: const EdgeInsets.fromLTRB(32, 8, 16, 8),
      child: DropdownButton&lt;String&gt;(
        hint: Text("TEST DROPDOWN"),
        items: &lt;String&gt;['A', 'B', 'C', 'D'].map((String value) {
  
          // this crashes
          return showModalBottomSheet(context: context, builder: (builder) {
            return Container(
              child: Text('Hello From Modal Bottom Sheet'),
              padding: EdgeInsets.all(40.0),
            );
          });
  
          // this works
          return new DropdownMenuItem&lt;String&gt;(
            value: value,
            child: new Text(value),
          );
  
        }).toList(),
        ...
  </code></pre>
  
  <p>EDIT: I am trying to display something similar to an iOS date selector on dropdown click.</p>