Flutter:将响应数据放入下拉列表中

import 'package:flutter/material.dart';
import 'package:dio/dio.dart'; // 导入HTTP请求库

class MyWidget extends StatefulWidget {
  @override
  _MyWidgetState createState() => _MyWidgetState();
}

class _MyWidgetState extends State<MyWidget> {
  List<String> responseData = []; // 声明存储响应数据的列表
  String selectedValue; // 声明当前选中的值

  @override
  void initState() {
    super.initState();
    fetchData(); // 在初始化时获取后端数据
  }

  Future<void> fetchData() async {
    try {
      Response response = await Dio().get('http://example.com/api'); // 发起HTTP请求获取数据
      List<String> data = response.data['data']; // 假设数据是一个名为data的数组
      setState(() {
        responseData = data; // 将响应数据保存到列表中
      });
    } catch (error) {
      // 处理错误情况
    }
  }

  @override
  Widget build(BuildContext context) {
    return DropdownButton<String>(
      value: selectedValue, // 当前选中的值
      items: responseData.map((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
      onChanged: (String newValue) {
        setState(() {
          selectedValue = newValue; // 更新选中的值
        });
      },
    );
  }
}