import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:sample_project_for_api/Employee.dart';
main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
bool _isLoading = false;
List<Employee> emp = new List();
@override
void initState() {
super.initState();
getEmployeeDetails();
}
Future<String> loadPersonFromAssets() async {
return await rootBundle.loadString('json/parse.json');
}
getEmployeeDetails() async {
setState(() {
_isLoading = true;
});
String jsonString = await loadPersonFromAssets();
final employee = employeeFromJson(jsonString);
emp.add(employee);
print('This is the employee name : ${employee.employeeName}');
for (int i = 0; i < employee.incidents.length; i++) {
print('This is the employee id ${employee.incidents[i].id}');
print('This is the employee text ${employee.incidents[i].text}');
}
for (int i = 0; i < employee.incidents.length; i++) {
for (int j = 0; j < employee.incidents[i].notes.length; j++) {
print('This are the notes : ${employee.incidents[i].notes[j].note}');
}
}
setState(() {
_isLoading = false;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: _isLoading == true
? CircularProgressIndicator()
: Container(
child: ListView.builder(
itemCount: emp.length,
itemBuilder: (context, i) {
return Card(
child: Column(
children: <Widget>[
Text(emp[i].employeeName),
Text(emp[i].incidents[0].id),
Text(emp[i].incidents[0].notes[0].note),
],
),
);
},
),
),
));
}
}
查看你要解析的 JSON，我已经给你简单的逻辑，看你如何解析。
import 'dart:convert';
Employee employeeFromJson(String str) => Employee.fromJson(json.decode(str));
String employeeToJson(Employee data) => json.encode(data.toJson());
class Employee {
String employeeName;
List<Incident> incidents;
Employee({
this.employeeName,
this.incidents,
});
factory Employee.fromJson(Map<String, dynamic> json) => Employee(
employeeName: json["EmployeeName"],
incidents: List<Incident>.from(json["Incidents"].map((x) => Incident.fromJson(x))),
);
Map<String, dynamic> toJson() => {
"EmployeeName": employeeName,
"Incidents": List<dynamic>.from(incidents.map((x) => x.toJson())),
};
}
class Incident {
String id;
String text;
List<Photo> photos;
List<Note> notes;
Incident({
this.id,
this.text,
this.photos,
this.notes,
});
factory Incident.fromJson(Map<String, dynamic> json) => Incident(
id: json["Id"],
text: json["Text"],
photos: List<Photo>.from(json["Photos"].map((x) => Photo.fromJson(x))),
notes: List<Note>.from(json["Notes"].map((x) => Note.fromJson(x))),
);
Map<String, dynamic> toJson() => {
"Id": id,
"Text": text,
"Photos": List<dynamic>.from(photos.map((x) => x.toJson())),
"Notes": List<dynamic>.from(notes.map((x) => x.toJson())),
};
}
class Note {
String note;
Note({
this.note,
});
factory Note.fromJson(Map<String, dynamic> json) => Note(
note: json["Note"],
);
Map<String, dynamic> toJson() => {
"Note": note,
};
}
class Photo {
String photoUrl;
Photo({
this.photoUrl,
});
factory Photo.fromJson(Map<String, dynamic> json) => Photo(
photoUrl: json["PhotoUrl"],
);
Map<String, dynamic> toJson() => {
"PhotoUrl": photoUrl,
};
}
查看模型以进行解析。
并在文件中声明您的 json 以进行如上所述的解析。
这是最终输出：
I/flutter (23844): This is the employee name : EmployeeName
I/flutter (23844): This is the employee id 1
I/flutter (23844): This is the employee text Text
I/flutter (23844): This are the notes : Note
I/flutter (23844): This are the notes : Note
现在看你如何在视图中使用它了