如何在数据来自API的flutter中创建下拉列表？

import 'package:flutter/material.dart';
import 'package:dio/dio.dart';

class MyDropdownList extends StatefulWidget {
  @override
  _MyDropdownListState createState() => _MyDropdownListState();
}

class _MyDropdownListState extends State<MyDropdownList> {
  List<String> options = []; // 存储下拉列表选项的数据

  @override
  void initState() {
    super.initState();
    fetchData(); // 获取API数据
  }

  Future<void> fetchData() async {
    try {
      Response response = await Dio().get('https://api.example.com/data'); // 发送GET请求获取数据
      List<dynamic> data = response.data; // 假设返回的数据是一个列表
      List<String> newOptions = data.map((item) => item['name']).toList(); // 解析数据并提取名称字段
      setState(() {
        options = newOptions; // 更新下拉列表选项的数据
      });
    } catch (error) {
      print(error);
    }
  }

  @override
  Widget build(BuildContext context) {
    return DropdownButton<String>(
      value: null, // 选中的值，可以设置初始值
      items: options.map((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
      onChanged: (String newValue) {
        // 当选择下拉列表中的选项时触发
        setState(() {
          // 更新选中的值
        });
      },
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Dropdown List Example'),
      ),
      body: MyDropdownList(),
    ),
  ));
}