在 flutter 的下拉列表中突出顯示所選項目

Question

如何突出顯示下拉列表中的選定項目？ 目前，當下拉項目打開時，已經選擇的項目是不可理解的。

Answer 1

您可以在DropdownButton中使用selectedItemBuilder參數，如下所示：

DropdownButton<String>(
      value: dropdownValue,
      onChanged: (String? newValue) {
        setState(() {
          dropdownValue = newValue!;
        });
      },
      style: const TextStyle(color: Colors.blue),
      selectedItemBuilder: (BuildContext context) {
        return options.map((String value) {
          return Text(
            dropdownValue,
            style: const TextStyle(color: Colors.white),
          );
        }).toList();
      },
      items: options.map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
    ),

此外，您可以使用items參數更改不同選項的樣式，如上例所示。 有關詳細信息，請參閱此。