php - Fix the Model Flutter / Dart

I have a PHP backend and I use it on my localhost so everything okay but I have a problem that the image URL I get from API is a wrong path and I can't change it from server-side so I decide to fix it on my client-side

I can display an image on my emulator with this path :

http://10.0.2.2:8000/storage/app/public/171/conversions/api-icon.jpg
Copy code

and the API gives me this path

http://192.168.1.114/multi-restaurants/public/storage/app/public/171/conversions/api-icon.jpg
Copy code

I fix it by making a function to change the path but it takes a lot of work like I should put this function in every place I wanna display an image!!

I'm sure there is a way to change the path directly from the model when I receive the api here is my model

class Media {
  String id;
  String name;
  String url;
  String thumb;
  String icon;
  String size;

  Media();

  Media.fromJSON(Map<String, dynamic> jsonMap)
      : id = jsonMap['id'].toString(),
        name = jsonMap['name'],
        url =  jsonMap["url"] ,
        thumb = jsonMap['thumb'],
        icon = jsonMap['icon'],
        size = jsonMap['formated_size'];
Copy code

This function that I'm using in every class to change path Url

String changepath(String uuu) {
    final uri = Uri.parse(uuu);
    print("This is $uri");
    if (uri.path.contains("multi-restaurants")) {
      print("http://10.0.2.2:8000/${uri.pathSegments[2]}/${uri.pathSegments[3]}/${uri.pathSegments[4]}/${uri.pathSegments[5]}/${uri.pathSegments[6]}");
      return"http://10.0.2.2:8000/${uri.pathSegments[2]}/${uri.pathSegments[3]}/${uri.pathSegments[4]}/${uri.pathSegments[5]}/${uri.pathSegments[6]}";
    }
  }
}
Copy code

Didn't find the answer?

Our community is visited by hundreds of web development professionals every day. Ask your question and get a quick answer for free.