Dart: ListTileのtrailingにDropdownButtonを入れ込みたい

ListTileのtrailingにDropdownButtonを表示させたいのですが、DropdownButtonが、ListTileの枠いっぱいに表示されてしまいます。

import 'package:flutter/material.dart';

class Settings extends StatefulWidget {
  @override
  _SettingsState createState() => new _SettingsState();
}

class _SettingsState extends State<Settings> {
  var _lights = false;
  String _fontName = "あいうえフォント";



  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView(
      children: <Widget>[
        ListTile(title: Text('あああの設定'), dense: true),
        Divider(),
        ListTile(
          title: Text('フォント'),
          trailing: getDropdownButton2(),
        ),
        ListTile(
            title: Text('左右揃え'), trailing: Icon(Icons.keyboard_arrow_right)),
       ],
    ));
  }

  Widget getDropdownButton() {
    return DropdownButton(
        value: _fontName,
        isExpanded: true,
        items: FontManager()
            .getFontInfos()
            .map<DropdownMenuItem<String>>((FontInfo fi) {
          return DropdownMenuItem<String>(
            value: fi.fontName,
            child: Text(fi.fontName),
          );
        }).toList());
  }

  Widget getDropdownButton2() {
    _fontName = "あいうえフォント";
    var items = [DropdownMenuItem(value: _fontName, child: Text(_fontName))];
    return DropdownButton(value: _fontName, isExpanded: true, items: items);
  }
}

このように表示されてしまいます。

イメージとしては、左側に「フォント」の文字、右側にフォントの種類が選べるDropdownButtonを表示させたいのですが、現状では、DropdownButtonがListTileいっぱいに広がってしまいます。どこが間違っているのでしょうか。そもそも出発点から間違っていて無理でしょうか。