Leer Json con Flutter

Usaremos el componente o dependencia http para conectarnos y extraer datos en formato JSON con el SDK Flutter

Json es un medio o formato para transportar datos de manera universal, flutter lo hace muy sencillo

 

En esta primera parte solo realizaremos la configuración y mostraremos parte del código que emplearemos para este tutorial.

Veamos el CODIGO FUENTE :

import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;


Future<Persona> fetchPost() async{
  final response = await http.get("http://102.168.93.96/codigos/json/");
  if(response.statusCode == 200){
    return Persona.fromJson(json.decode(response.body));
  }else{
    throw Exception('Fallo');
  }
}
class Persona{
  final int id;
  final String nombre;
  final int edad;

  Persona({this.id, this.nombre, this.edad});
  factory Persona.fromJson(Map<String, dynamic> json){
    return Persona(
    id:json['id'],
    nombre:json['nombre'],
    edad:json['edad'],
    );
}

}

Debemos integrar la depencia http en nuestro archivo pubspec.yaml agregando la siguient linea : http: ^0.12.0+1; la cual debe verse asi:


dependencies:
  flutter:
    sdk: flutter
  http: ^0.12.0+1

Luego presionar en Package get para que se cargue esta librería en nuestra aplicación. Ademas de ello debemos darle run para poder integrar correctamente el import cuando estemos en nuestrso archivo main.dart.

 

Con vemos tenemos gestionamos la conexión a la url  con el componente Future

y Ademas declaramos la clase que gestionará los datos que se van a recibir de archivo JSON.

En la segunda parte veremos como mostrar los datos JSON en pantalla.

 

VIDEO Leer Json generado con PHP en una App Flutter

Visitas: 594 | Publicado:2019-01-28 13:18:45

Más publicaciones de Flutter que te pueden interesar:

Facebook Twitter Youtube Pinterest Wordpress Google Plus

:: Calle Paucarpata 130 Of. 212 2do Piso CC. AQPcompucentro ::
:: © Todos los derechos reservados APPTIVA WEB | Arequipa Perú 2010-2018 ::