_TypeError in call api flutter - api

Question

Good afternoon, I am making a call to my api to bring the businesses that I have registered.
This is my model
class Shops{
Shops({
this.id,
this.name,
this.phone,
this.merchantType,
this.address,
this.city,
this.distance,
this.logo,
});
String id;
String name;
String phone;
String merchantType;
String address;
String city;
double distance;
String logo;
factory Shops.fromJson(Map<String, dynamic> json){
return Shops(
id: json["_id"],
name : json["name"],
phone : json["phone"],
merchantType : json["merchantType"],
address : json["address"],
city : json["city"],
distance : json["distance"].toDouble(),
logo : json["logo"],
);
}
}
Here I make the call
Future<Shops> getShops(var userLatitude, var userLongitude) async {
final response =
await http.get('https://dry-plateau-30024.herokuapp.com/v1/front/merchants?lat=$userLatitude&lng=$userLongitude');
if (response.statusCode == 200) {
return Shops.fromJson(json.decode(response.body));
} else {
throw Exception('Failed to load Shops');
}
}
so I show the results
FutureBuilder<Shops>(
future:
getShops(services.userLatitude, services.userLongitude),
builder: (context, snapshot) {
if (snapshot.hasData) {
return Text(snapshot.data.name);
} else if (snapshot.hasError) {
return Information(
title: 'No results found',
subtitle: 'It seems there is nothing in your area',
img: 'assets/nada.png',
);
} else {
return CircularProgressIndicator();
}
},
)
This returns me the following error
_TypeError (type 'List<dynamic>' is not a subtype of type 'Map<String, dynamic>'
I am evolving with the framework and the dart language, I am presented with these errors that perhaps for you are a newbie. I would appreciate a little help

Answer 1

Using the new link for the JSON you have given. Since it is a list we will have to cast it to a list and map through it. Before you were just returning one instance of ShopsFuture<Shops> instead of Future<List<Shops>>
class _CompaniesState extends State<Companies> {
Future<List<Shops>> getShops(var userLatitude, var userLongitude) async {
final response =
await http.get("https://dry-plateau-30024.herokuapp.com/v1/front/merchants?lat=-27.4885846&lng=-58.9509858");
if (response.statusCode == 200) {
// typecasting it into a list
var jsonData = json.decode(response.body) as List;
// Map through it and return it
return jsonData.map((shop) => Shops.fromJson(shop)).toList();
} else {
throw Exception('Failed to load Shops');
}
}
#override
Widget build(BuildContext context) {
return Container(
child: FutureBuilder<List<Shops>>(
future: getShops(12, 20),
builder: (context, snapshot) {
if (snapshot.hasData) {
// Accessing the first map from the list and getting the name key
return Text(snapshot.data[0].name);
} else if (snapshot.hasError) {
return null;
return Information(
title: 'No results found',
subtitle: 'It seems there is nothing in your area',
img: 'assets/nada.png',
);
} else {
return CircularProgressIndicator();
}
},
));
}
}