dart - DropDownButton 和 DropDownMenuItem 的不同样式

Question

我正在 Flutter 中创建以下注册表单。

TextStyle white =
    new TextStyle(color: Colors.white, decorationColor: Colors.white);
TextStyle grey =
    new TextStyle(color: Colors.grey, decorationColor: Colors.white);

我想对 DropDownButton 应用白色样式，对 DropDownMenuItem 应用灰色。但是，DropDownMenu 项的样式也适用于 DDButton。

此外，我可以像 TextField 一样“匹配父级”DropDownButton 的宽度(如图所示)吗？

代码如下:

     child: new Center(
      child: new ListView(
        shrinkWrap: true,
        padding: new EdgeInsets.only(left: 24.0, right: 24.0),
        children: <Widget>[
          new ListTile(
            leading: const Icon(
              Icons.language,
              color: Colors.white,
            ),
            title: new DropdownButton(
              items:
                  <String>['India', 'Australia', 'USA'].map((String value) {
                return new DropdownMenuItem<String>(
                  value: value,
                  child: new Text(value, ),
                );
              }).toList(),
              value: selected,
              onChanged: (String value) {
                setState(() {
                  selected = value;
                });
              },
              style: white,
            ),
          ),
          new ListTile(
            leading: const Icon(Icons.smartphone, color: Colors.white),
            title: new TextField(
              decoration: new InputDecoration(
                  hintText: "Phone Number", hintStyle: white),
              keyboardType: TextInputType.phone,
              style: white,
            ),
          ),...

Answer 1

在 TextStyle 类中有 final bool inherit 属性，你可以这样尝试:

TextStyle white =
new TextStyle(inherit: false, color: Colors.white, decorationColor: Colors.white);