1

Estoy trabajando en VS Code con el framework Flutter y estoy teniendo un problema al obtener datos desde una API Rest de AWS. En mi aplicación en modo debug y en dispositivos físicos no se muestran las tildes o acentos y en su lugar se muestra una serie de caracteres extraños. Lo extraño es que en Postman y web, al ejecutar la API, los datos sí se muestran bien.

Asi se ven los datos en VS Code Asi se ven en el simulador IOS

class RegionRepository {
  Future<List<Region>> getRegions() async {
    Response response =
        await get(Uri.parse('${dotenv.env["ENDPOINT"]}/'));

    if (response.statusCode == 200) {
      final List result = jsonDecode(response.body)['body'];
      final List<Region> regionList =
          result.map((e) => Region.fromJson(e)).toList();
      return regionList;
    } else {
      throw Exception(response.reasonPhrase);
    }
  }
}
3
  • sería útil que muestres el código donde recibes estos datos Commented el 11 may. 2023 a las 17:54
  • Gracias Jonathan!, he agregado el codigo Commented el 11 may. 2023 a las 17:58
  • La respuesta esta en que pongas todo en UTF-8, mira este hilo, aunque es de php tiene la respuesta, pon todo en utf-8: es.stackoverflow.com/a/24710/3834
    – abrahamhs
    Commented el 11 may. 2023 a las 19:24

2 respuestas 2

3

Reemplaza esta línea:

 final List result = jsonDecode(response.body)['body'];

por

final List result = json.decode(utf8.decode(response.bodyBytes))['body'];

Y no te olvides de importar:

import 'dart:convert';

Con eso podrás decodificar la data utf-8.

1
  • Gracias Diego!, funcionó de inmediato! un abrazo desde Chile! Commented el 11 may. 2023 a las 21:33
1

En la consulta, intenta agregar un header para la peticion para que pueda decodificar los datos:

    Future<List<Region>> getRegions() async {
      Response response =
        await get(Uri.parse('${dotenv.env["ENDPOINT"]}/'), headers: {"charset": "UTF-8"});
    
    if (response.statusCode == 200) {
      final List result = jsonDecode(response.body)['body'];
      final List<Region> regionList =
          result.map((e) => Region.fromJson(e)).toList();
      return regionList;
    } else {
      throw Exception(response.reasonPhrase);
    }

  }
1
  • Gracias Jonathan!, le agregué el header y aun asi continúo visualizando los caracteres extraños en lugar de acentos o tildes... Commented el 11 may. 2023 a las 18:48

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.