删除颤动中的下拉底线

Question

如何删除下拉底线？

我的代码

            Container(
              padding: EdgeInsets.fromLTRB(15, 5, 10, 5),
              child: Row(
                children: <Widget>[
                  dropdownButton,
                  Expanded(child: phoneField),
                ],
              ),
              decoration: BoxDecoration(
                  color: Colors.white,
                  border: Border.all(color: Colors.grey, width: 1),
                  borderRadius: BorderRadius.circular(32.0)),
            )

这是下拉

 var dropdownButton = DropdownButton(
      value: dropdownValue,
      onChanged: (String newValue) {
        setState(() {
          dropdownValue = newValue;
        });
      },
      items: <String>['99451', '99450', '99455', '99470 ']
          .map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
    );

Answer 1

您必须 像这样 将 DropdownButton 包裹在  DropdownButtonHideUnderline 中

var dropdownButton = DropdownButtonHideUnderline( 
  child: DropdownButton(
  value: dropdownValue,
  onChanged: (String newValue) { 
    setState(() { 
      dropdownValue = newValue; 
    });
 }, 
  items: <String>['99451', '99450', '99455', '99470 '].map<DropdownMenuItem<String>>
    ((String value) {
          return DropdownMenuItem<String>( 
            value: value, 
            child: Text(value), 
      ); 
      }).toList(), 
    )
 );

Answer 2

你可以这样使用

underline: SizedBox()