title: Drawer causing first DropdownButton child to inhert top padding/margin in its 'dropwdown button list'?
body: <p>Depending on how my drawer is built, some child components receive top padding, messing up childs behavior, including this DropdownButton 'dropwdown button list' to misalign.</p>
  <pre><code>Drawer(
        child: Column(
          children: &lt;Widget&gt;[
            Container(color: Colors.amber,
              child: DropdownButtonHideUnderline(
                child: ButtonTheme(
                  alignedDropdown: true,
                  child: DropdownButton&lt;String&gt;(
                    value: 'Company 1',
                    onChanged: (String newValue) {
                      // TODO change company
                    },
                    items: &lt;String&gt;['Company 1', 'Company 2', 'Company 3', 'Company 4'].map&lt;DropdownMenuItem&lt;String&gt;&gt;((String value) {
                      return DropdownMenuItem&lt;String&gt;(
                        value: value,
                        child: Text(value),
                      );
                    }).toList(),
                  ),
                ),
              ),
            ),
            Expanded(
              child: ListView(
                children: &lt;Widget&gt;[
                  ListTile(
                    leading: Icon(Icons.home),
                    title: Text(AppLocalizations.of(context).homeDrawerHomeTitle),
                    onTap: () async =&gt; GetIt.I.get&lt;NavigationService&gt;().pushReplacementNamed(AppRouter.root),
                  ),
                  ListTile(
                    leading: Icon(Icons.logout),
                    title: Text(AppLocalizations.of(context).homeDrawerLogoutTitle),
                    onTap: () async =&gt; GetIt.I.get&lt;AuthenticationService&gt;().signOutUser(),
                  ),
                ],
              ),
            ),
            Align(
              alignment: Alignment.bottomCenter,
              child: Column(
                children: &lt;Widget&gt;[
                  Divider(),
                  StreamBuilder&lt;User&gt;(
                    stream: GetIt.I.get&lt;AuthenticationService&gt;().getCurrentUserStream(),
                    builder: (context, snapshot) {
                      if (snapshot.hasData) {
                        return ListTile(
                          leading: Icon(Icons.login),
                          title: Text(AppLocalizations.of(context).homeDrawerProfileTitle),
                          onTap: () {
                            GetIt.I.get&lt;NavigationService&gt;().navigateTo(AppRouter.profile);
                          },
                        );
                      }
                      return ListTile(
                        leading: Icon(Icons.login),
                        title: Text(AppLocalizations.of(context).homeDrawerLoginTitle),
                        onTap: () {
                          GetIt.I.get&lt;NavigationService&gt;().navigateTo(AppRouter.login);
                        },
                      );
                    },
                  ),
                  ListTile(
                    leading: Icon(Icons.settings),
                    title: Text(AppLocalizations.of(context).homeDrawerSettingsTitle),
                    onTap: () {
                      _scaffoldKey.currentState.removeCurrentSnackBar();
                      // TODO change route to settings
                      GetIt.I.get&lt;NavigationService&gt;().navigateTo(AppRouter.root);
                    },
                  ),
                  SizedBox(
                    height: 5.0,
                  )
                ],
              ),
            )
          ],
        ),
      ),
  </code></pre>
  <p>Image pointing the 'forehead' that magically appears in the 'dropwdown button list' that should not be there:</p>
  <p><a href="https://i.stack.imgur.com/zvmc1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zvmc1.png" alt="The 'forehead' that is ghost-hitting the 'SafeArea'" /></a></p>
  <p>Image pointing the padding required or the 'dropwdown button list' does not open correctly over the DropDownButton:</p>
  <p><a href="https://i.stack.imgur.com/JcqwJ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JcqwJ.png" alt="The top required 'ridiculous' padding" /></a></p>
  <p>My main questions are:</p>
  <ol>
  <li><p>Why the Container around the DropdownButton widgets needs a '56' top
  padding or the 'dropwdown button list' misaligns when clicked/opened?</p>
  </li>
  <li><p>What is 'pushing down' the 'dropwdown button list' out of alignment?</p>
  </li>
  <li><p>Why the list is also getting more top padding out of nowhere?</p>
  </li>
  </ol>