Создал мой собственный пример на основе вас json и загрузил ваш json локально, в остальном все так же. проверьте код ниже, я предоставил json, класс модели и основной файл дротика.
Ваш json файл ниже:
{
"status": "success",
"OperatorType": "GAS",
"data": {
"MAHANAGAR_GAS_LTD": {
"name": "Mahanagar Gas Limited",
"authenticator3": null,
"label": "Customer Account Number (12 digits start with 21)",
"note": null,
"account_label": "Bill Group Number (1 - 8 characters + digits)",
"authenticator3_options": null
},
"TRIPURA_NATURAL_GAS_COMPANY_LTD": {
"name": "Tripura Natural Gas Company Ltd",
"authenticator3": null,
"label": "Consumer Number (1 - 20 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"HARAYANA_CITY_GAS": {
"name": "Haryana City gas",
"authenticator3": null,
"label": "CRN Number (8-12 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"GUJARAT_GAS_COMPANY_LTD": {
"name": "Gujarat Gas company Limited",
"authenticator3": null,
"label": "Service Number (1-15 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"VADODARA_GAS_LTD": {
"name": "Aavantika Gas Ltd",
"authenticator3": null,
"label": "Customer Number (10-15 Alphanumeric)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"SGL": {
"name": "Sabarmati Gas Limited (SGL)",
"authenticator3": null,
"label": "Customer ID (12 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"SITI_ENERGY": {
"name": "Siti Energy",
"authenticator3": null,
"label": "ARN Number (7 - 9 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"UCPGPL": {
"name": "Unique Central Piped Gases Pvt Ltd (UCPGPL)",
"authenticator3": null,
"label": "Customer Number (8 digits + character)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"IGL": {
"name": "IGL (Indraprasth Gas Limited)",
"authenticator3": null,
"label": "Consumer Number (10 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
},
"ADANI_GAS": {
"name": "ADANI GAS",
"authenticator3": null,
"label": "Customer ID (10 digits)",
"note": null,
"account_label": null,
"authenticator3_options": null
}
}
}
Класс модели, определенный для json Вы указали:
// To parse this JSON data, do
//
// final operators = operatorsFromJson(jsonString);
import 'dart:convert';
Operators operatorsFromJson(String str) => Operators.fromJson(json.decode(str));
String operatorsToJson(Operators data) => json.encode(data.toJson());
class Operators {
String status;
String operatorType;
Map<String, Datum> data;
Operators({
this.status,
this.operatorType,
this.data,
});
factory Operators.fromJson(Map<String, dynamic> json) => Operators(
status: json["status"],
operatorType: json["OperatorType"],
data: Map.from(json["data"])
.map((k, v) => MapEntry<String, Datum>(k, Datum.fromJson(v))),
);
Map<String, dynamic> toJson() => {
"status": status,
"OperatorType": operatorType,
"data": Map.from(data)
.map((k, v) => MapEntry<String, dynamic>(k, v.toJson())),
};
}
class Datum {
String name;
dynamic authenticator3;
String label;
dynamic note;
String accountLabel;
dynamic authenticator3Options;
Datum({
this.name,
this.authenticator3,
this.label,
this.note,
this.accountLabel,
this.authenticator3Options,
});
factory Datum.fromJson(Map<String, dynamic> json) => Datum(
name: json["name"],
authenticator3: json["authenticator3"],
label: json["label"],
note: json["note"],
accountLabel:
json["account_label"] == null ? null : json["account_label"],
authenticator3Options: json["authenticator3_options"],
);
Map<String, dynamic> toJson() => {
"name": name,
"authenticator3": authenticator3,
"label": label,
"note": note,
"account_label": accountLabel == null ? null : accountLabel,
"authenticator3_options": authenticator3Options,
};
}
И это основной файл, который я написал для раскрывающегося списка с вашими данными
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:sample_testing_project/models.dart';
main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
List<Datum> data = List();
bool _isLoading = false;
String selectedOperator;
@override
void initState() {
// TODO: implement initState
super.initState();
loadYourData();
}
Future<String> loadFromAssets() async {
return await rootBundle.loadString('json/parse.json');
}
loadYourData() async {
setState(() {
_isLoading = true;
});
// Loading your json locally you can make an api call, when you get the response just pass it to the operatorsFromJson method
String jsonString = await loadFromAssets();
final operators = operatorsFromJson(jsonString);
operators.data.forEach((k, v) {
data.add(v);
});
print(data.length);
setState(() {
_isLoading = false;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: _isLoading
? Text('Loading')
: Container(
child: Padding(
padding: const EdgeInsets.all(30.0),
child: Container(
height: 50,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5.0),
border: Border.all(
color: Colors.red,
style: BorderStyle.solid,
width: 0.80),
),
child: DropdownButton(
value: selectedOperator,
isExpanded: true,
icon: Padding(
padding: const EdgeInsets.only(left: 15.0),
child: Icon(Icons.arrow_drop_down),
),
iconSize: 25,
underline: SizedBox(),
onChanged: (newValue) {
setState(() {
selectedOperator = newValue;
});
},
hint: Padding(
padding: const EdgeInsets.all(8.0),
child: Text('Select'),
),
items: data.map((data) {
return DropdownMenuItem(
value: data.name,
child: Padding(
padding: const EdgeInsets.only(left: 10.0),
child: Text(
data.name,
style: TextStyle(
fontSize: 18,
color: Colors.black,
),
),
),
);
}).toList()),
),
),
),
),
);
}
}
Я загрузил ваш json локально из метода loadFromAssets но вы можете вызвать ваш API и затем передать response.body в operatorFrom Json метод.
В остальном все одно и то же, я только что удалил каждое значение (тот объект) из ключа, карты значений и добавлен в список и отображается в раскрывающемся списке. Дайте мне знать, если это работает.