how to send my raw data to a Api in flutter - flutter

Question

If my API needs to accept this type of data
{
"name": "myName",
"email": "myEmail,
"phone": "0323456789",
"info": "myDescription",
"social_media": [
{
"link":"First link"
"social_media_id": 1
}
{
"link":"First link"
"social_media_id": 1
}
{
"link":"First link"
"social_media_id": 1
}
]
}
then I am sending that data using following code in my method, but the response I am getting is(Unhandled Exception: type '_InternalLinkedHashMap<String, dynamic>' is not a subtype of type 'Map<String, String>')
for(int i=0;i<3;i++)
{
_socialList.add(
{
"link":_controllers[i].text,
"social_media_id": 1,
},);
}
Map<String, dynamic> data={
"name":userNameController.text,
"email":emailController.text,
"phone":phoneController.text,
"info": detailsController.text,
"social_media": _socialList
};
var stream= new http.ByteStream(image.openRead());
stream.cast();
var length= await image.length();
var request= new http.MultipartRequest('POST', url);
request.fields.addAll(data);
var multiPort= new http.MultipartFile('file', stream, length,
filename: image.path);
request.files.add(multiPort);
var response=await request.send();

Answer 1

you can do this way also:
var mainObj ={};
var socialMedia = [];
mainObj["name"] = "myName";
mainObj["email"] = "myEmail";
mainObj["phone"] = "0323456789";
mainObj["info"] = "myDescription";
for(int j=0;j<3; j++){
var innerObj ={};
innerObj["link"] = "$j link";
innerObj["social_media_id"] = j;
socialMedia.add(innerObj);
}
mainObj["social_media"] = socialMedia;
print(jsonEncode(mainObj));
Just pass this jsonEncode(mainObj) to the body of http.post method
EDIT
var socialMedia = [];
for(int j=0;j<3; j++){
var innerObj ={};
innerObj["link"] = "$j link";
innerObj["social_media_id"] = j;
socialMedia.add(innerObj);
}
Map<String, String> data = {
"name" : "myName",
"email" : "myEmail",
"phone" : "0323456789",
"info" : "myDescription",
"social_media" : socialMedia.toString()
} ;
var request = new MultipartRequest("POST", Uri.parse('apiUrl'));
request.fields.addAll(data);
request.send().then((response) {
if (response.statusCode == 200) print("done!");
});

Answer 2

Step 1:
Future<List<=UserData>> fetchResults() async {
List< UserData> _results = [];
var url ="---your link----";
var response = await http.get(url);
if (response.statusCode == 200) {
var resultsJson = json.decode(response.body).cast<Map<String,dynamic>>();
await Future.forEach(resultsJson, (element) {
_results.add(UserData.fromJson(element));
});
}
return Future.value(_results);
}
Step 2:
class UserData {
String? name;
String? email;
String? phone;
String? info;
List<SocialMedia>? socialMedia;
UserData({this.name, this.email, this.phone, this.info, this.socialMedia});
UserData.fromJson(Map<String, dynamic> json) {
name = json['name'];
email = json['email'];
phone = json['phone'];
info = json['info'];
if (json['social_media'] != null) {
socialMedia = <SocialMedia>[];
json['social_media'].forEach((v) {
socialMedia!.add(new SocialMedia.fromJson(v));
});
}
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data['name'] = this.name;
data['email'] = this.email;
data['phone'] = this.phone;
data['info'] = this.info;
if (this.socialMedia != null) {
data['social_media'] = this.socialMedia!.map((v) => v.toJson()).toList();
}
return data;
}
}
class SocialMedia {
String? link;
int? socialMediaId;
SocialMedia({this.link, this.socialMediaId});
SocialMedia.fromJson(Map<String, dynamic> json) {
link = json['link'];
socialMediaId = json['social_media_id'];
}
Map<String, dynamic> toJson() {
final Map<String, dynamic> data = new Map<String, dynamic>();
data['link'] = this.link;
data['social_media_id'] = this.socialMediaId;
return data;
}
}