Flutter填充json数组下拉按钮

import 'dart:convert';

import 'package:flutter/material.dart';

class MyDropdownButton extends StatefulWidget {
  @override
  _MyDropdownButtonState createState() => _MyDropdownButtonState();
}

class _MyDropdownButtonState extends State<MyDropdownButton> {
  List<String> _options = []; // 存储下拉按钮选项的列表
  String _selectedOption; // 存储当前选中的选项

  @override
  void initState() {
    super.initState();
    _loadOptions(); // 加载下拉按钮选项
  }

  Future<void> _loadOptions() async {
    // 从JSON数据源中读取数据
    String jsonStr = await DefaultAssetBundle.of(context).loadString('assets/options.json');
    List<dynamic> jsonData = json.decode(jsonStr);

    // 将数据填充到下拉按钮选项列表中
    setState(() {
      _options = jsonData.map((item) => item.toString()).toList();
    });
  }

  @override
  Widget build(BuildContext context) {
    return DropdownButton<String>(
      value: _selectedOption,
      items: _options.map((String option) {
        return DropdownMenuItem<String>(
          value: option,
          child: Text(option),
        );
      }).toList(),
      onChanged: (String newValue) {
        setState(() {
          _selectedOption = newValue;
        });
      },
    );
  }
}