从DropdownButtonFormField

从DropdownButtonFormField

我如何从DropdownButtonFormField中删除下划线(请参见下面的照片),我尝试了各种与InputDecortaion组合的选项,但找不到任何方法。

dart - 从DropdownButtonFormField删除下划线-LMLPHP

SizedBox(
  width: 100.0,
  child: DropdownButtonFormField<int>(
    decoration: InputDecoration(
        border: UnderlineInputBorder(
            borderSide:
                BorderSide(color: Colors.white))),
    value: 2,
    items: <DropdownMenuItem<int>>[
      DropdownMenuItem<int>(
        value: 1,
        child: Text("Owner"),
      ),
      DropdownMenuItem<int>(
        value: 2,
        child: Text("Member"),
      ),
    ],
  ),

最佳答案

一种方法:

在您的代码中-将decoration: InputDecoration更改为decoration: InputDecoration.collapsed

body: SizedBox(
          width: 100.0,
          child: DropdownButtonFormField<int>(
            decoration: InputDecoration.collapsed(hintText: ''),
            value: 2,
            ...



在您的代码中-代替border使用enabledBorder: UnderlineInputBorder
DropdownButtonFormField<int>(
          decoration: InputDecoration(
              enabledBorder: UnderlineInputBorder(
                  borderSide: BorderSide(color: Colors.white))),
          value: 2,
          items: <DropdownMenuItem<int>>[
          ....

关于dart - 从DropdownButtonFormField删除下划线,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/53588785/

10-10 05:16