flutter - DropdownButton 始终处于禁用状态

Question

我将一个 DropdownButton 放在 TileList 的尾部，设置文档中显示的参数以使其处于事件状态，但无论如何它都保持禁用状态。

ListTile 是 ListView 的一部分，未包含在下面的代码中。我按照文档所述设置了 setState() 但无济于事。我找不到这个问题的根本原因，不知道是什么原因造成的。

我试过使用 int 作为值的枚举，但它也没有用。

...

final Store<AppState> store;
Units unit;

@override
void initState() {
   super.initState();
   unit = store.state.weatherState?.temperature?.unit;
}

...

enum Units {Celsius, Fahrenheit, Kelvin}

Widget _displayUnitsSettings({Store<AppState> store}) {
    return ListTile(
      dense: true,
      enabled: true,
      selected: true,
      title: Text(
        "Temperature Unit",
        style: TextStyle(
            decoration: TextDecoration.underline,
            decorationStyle: TextDecorationStyle.dotted,
            fontSize: 14,
            fontWeight: FontWeight.w700,
            color: Colors.white),
      ),
      subtitle: Text(
        "Default: Celsius.\nAvailable units: Celsius, Fahrenheit, Kelvin.",
        style: TextStyle(
            fontSize: 9, fontWeight: FontWeight.w700, color: Colors.white54),
      ),
      trailing: DropdownButton(
        style: TextStyle(
            fontSize: 14, fontWeight: FontWeight.w700, color: Colors.white54),
        isDense: true,
        value: unit,
        onChanged: (value) {
          store.dispatch(ChangeUnit(unit: value));
          setState(() {
            unit = value;
          });
        },
        items: <DropdownMenuItem>[
          DropdownMenuItem(
            value: Units.Celsius,
            child: Text("Celsius"),
          ),
          DropdownMenuItem(
            value: Units.Fahrenheit,
            child: Text("Fahrenheit"),
          ),
          DropdownMenuItem(
            value: Units.Kelvin,
            child: Text("Kelvin"),
          ),
        ],
      ),
    );
  }
...

编辑:DropdownButton 似乎已启用，但我无法单击它。

Answer 1

问题来了。您有一个 AppBar，在 Stack 上的 ListView 之后没有任何位置。这意味着 AppBar 与您的 ListView 重叠，因此拦截了您的 DropdownButton 上的手势。

用 Positioned 小部件包裹您的 AppBar，它就会工作。像这样:

  Positioned(
    top: 0.0,
    left: 0.0,
    right: 0.0,
    child: AppBar(
      leading: _backButton(context),
      backgroundColor: Colors.transparent,
      elevation: 0,
    ),
  ),