Flutter下拉框类型不匹配报错：无法转为List<DropdownMenuItem<String>>?

核心错误原因 #

1. toList未调用：你写的.toList是引用方法本身，而非执行方法返回列表，导致传递给items的是一个函数类型，而非List<DropdownMenuItem<String>>，这是类型不匹配报错的直接原因。
2. 泛型缺失：DropdownButtonFormField和DropdownMenuItem未明确指定<String>泛型，导致动态类型无法匹配预期的字符串类型。
3. API请求函数存在冗余与错误：重复发起HTTP请求，且初始值_valMenu赋值错误（API返回的是smt字段而非data）。

逐步修复 #

1. 修复API请求函数 #

移除重复请求，修正赋值错误，明确返回类型：

class UtilFunction {
  Future<List<Map<String, dynamic>>> getSemester() async {
    String url = Constant.baseURL;
    String token = await UtilSharedPreferences.getToken();
    final response = await http.get(
      Uri.parse('$url/auth/semester/get_smt'),
      headers: {'Authorization': 'Bearer $token'},
    );

    if (response.statusCode == 200) {
      var listData = jsonDecode(response.body);
      return List.from(listData['data']);
    } else {
      throw Exception('Failed to load semester data');
    }
  }
}

2. 修复UI代码 #

补充泛型，调用toList()，正确管理状态：

// 在UI组件的状态类中添加状态变量
String? _selectedSemester;

Container(
  child: FutureBuilder<List<Map<String, dynamic>>>(
    future: UtilFunction().getSemester(),
    builder: (context, snapshot) {
      if (snapshot.connectionState == ConnectionState.waiting) {
        return const CircularProgressIndicator();
      } else if (snapshot.hasError) {
        return Text('Error: ${snapshot.error}');
      } else if (!snapshot.hasData || snapshot.data!.isEmpty) {
        return const Text('No semester data available');
      }

      _selectedSemester ??= snapshot.data![0]['smt'];

      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          DropdownButtonFormField<String>(
            value: _selectedSemester,
            onChanged: (String? value) {
              setState(() {
                _selectedSemester = value;
              });
            },
            items: snapshot.data!
                .map<DropdownMenuItem<String>>(
                  (project) => DropdownMenuItem<String>(
                    value: project['smt'],
                    child: Text(project['smt']),
                  ),
                )
                .toList(),
          ),
          // 其他组件...
        ],
      );
    },
  ),
)

额外说明 #

• 将状态变量（如_selectedSemester）移到UI组件的状态类中，避免跨类状态管理混乱。
• 补充了FutureBuilder的加载、错误、空数据状态处理，提升用户体验。
• API返回的sts_hapus是数字类型，后续如果用到该字段需注意类型转换。

内容的提问来源于stack exchange，提问作者sharon