悬垂按钮移除按灰颜色

Question

当我选择下拉按钮的值时，我想删除这个灰色按钮。我该怎么做呢。我试过这里的一切，这是我的密码

InputDecorator(
      decoration: const InputDecoration(
        border: OutlineInputBorder(borderRadius: BorderRadius.all(Radius.circular(4.0))),
        contentPadding: EdgeInsets.all(10),
      ),
      child: DropdownButtonHideUnderline(
        child: DropdownButton<dynamic>(
          value: null,
          isDense: true,
          hint: Text(hintText),
          isExpanded: true,
          items: itemList,
          onChanged: (newValue) {},
        ),
      ),
    ),

​

​

Answer 1

一种可能的方法是在ThemeData中更改默认的splashcolor，如下所示：

theme: ThemeData(
      splashColor: Colors.transparent,
      highlightColor: Colors.transparent,
    ),

如果您想在代码的其他部分中使用不同的颜色，那么在主题数据中设置它就是一个骗局。

否则，您也可以尝试使用SplashFactory

Answer 2

您可以通过将主题封装在Theme小部件周围以更改InkWell效果，从而设置每个小部件的主题。这种方式不会改变全局MaterialApp.theme，而不会改变整个应用程序InkWell的行为。因此，这只是一个改变ThemeData highlightColor，hoverColor和splashColor的问题。

检查结果如下：

​

​

InputDecorator(
  decoration: const InputDecoration(
    border: OutlineInputBorder(
        borderRadius: BorderRadius.all(Radius.circular(4.0))),
    contentPadding: EdgeInsets.all(10),
  ),
  child: Theme(                           // <- Here
    data: Theme.of(context).copyWith(     // <- Here
      splashColor: Colors.transparent,    // <- Here
      highlightColor: Colors.transparent, // <- Here
      hoverColor: Colors.transparent,     // <- Here
    ),
    child: DropdownButtonHideUnderline(
      child: DropdownButton<String>(
        value: selectedValue,
        isDense: true,
        isExpanded: true,
        focusColor: Colors.transparent,
        items: const [
          DropdownMenuItem(value: '1', child: Text('menu1')),
          DropdownMenuItem(value: '2', child: Text('menu2')),
          DropdownMenuItem(value: '3', child: Text('menu3')),
          DropdownMenuItem(value: '4', child: Text('menu4')),
        ],
        onChanged: (newValue) => setState(() => selectedValue = newValue),
      ),
    ),
  ),
),