0

sucede que estoy iniciando con flutter y lo que quiero es listar un json que me devuelve un php, ya he logrado listar un array sencillo pero me gustaria listar desde un servicio web.

este es lo que tengo

class SecondRoute extends StatelessWidget {

  
  var tareas =[
    'desayuno',
    'almuerzo',
    'comida',
  ];

  @override
  Widget build(BuildContext context) {

    return new Scaffold(

        appBar: AppBar(
          title: Text('Volver'),
        ),

             body: Container(


        child :ListView.builder(
               itemCount: tareas.length,
               itemBuilder:(context, position){
                 return Tarea(tareas[position]);
    },
               ),
             ));

  }



}

Hasta ahí me lista el array sin problemas pero me gustaría que en vez del array sea

Future<List> obtenerlista() async {
    var url = "http://www.srvweb/tareas.php";
    var  responseList = await http.post(url, body: {
    });
  }

Esto me retorna el php

[{"tarea":"lavar platos","hora":null,"fecha":null,"persona":"pedrito"}]

Como puede implementarlo en vez del array ?

5
  • que te retorna esto ? srvweb/tareas.php , es post o get ? el 15 jul. 2020 a las 18:44
  • retorna una lista codificada json segun un parametro, responseList obtendria la lista
    – juan perez
    el 15 jul. 2020 a las 18:56
  • podrías poner el json que retorna en tu pregunta, actualizala para poder ayudar en como puedes mostrar la información. el 15 jul. 2020 a las 18:57
  • [{"tarea":"lavar platos","hora":null,"fecha":null,"persona":"pedrito"}]
    – juan perez
    el 15 jul. 2020 a las 19:08
  • ya la actualice
    – juan perez
    el 15 jul. 2020 a las 19:15

1 respuesta 1

0

Primero tienes que convertir el widget a StatefulWidget o también podrías usar FutureBuilder.

Este es un ejemplo con StatefulWidget :

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

class SecondRoute extends StatefulWidget {
  @override
  _SecondRouteState createState() => _SecondRouteState();
}

class _SecondRouteState extends State<SecondRoute> {
  List<String> tareas = [];

  Future<List<String>> obtenerlista() async {
    var url = "http://www.srvweb/tareas.php";
    var response = await http.get(url);
    final datos = jsonDecode(response.body) as List;
    setState(() {
      tareas = datos.map((e) => e['tarea'] as String ).toList();
    });
  }

  @override
  void initState() {
    obtenerlista();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
        appBar: AppBar(
          title: Text('Volver'),
        ),
        body: Container(
          child: ListView.builder(
            itemCount: tareas.length,
            itemBuilder: (context, position) {
              return Tarea(tareas[position]);
            },
          ),
        ));
  }
}

OJO: solo estoy obteniendo el campo tarea del json que mandaste, también podrías hacer la conversión a objeto.

Te recomiendo este enlace https://flutter.dev/docs/cookbook/networking/fetch-data

10
  • Gracias aunque todavía no me funciona seguiré investigando con el link que proporcionaste
    – juan perez
    el 15 jul. 2020 a las 20:22
  • No se que sucede, no hay errores en el codigo y no me devuelve nada
    – juan perez
    el 15 jul. 2020 a las 20:29
  • puse un toast de tareas para ver que mostraba y solo sale []
    – juan perez
    el 15 jul. 2020 a las 20:31
  • donde pruebas, simulador? dispositivo? donde pusiste el toast? please da más detalles, has probado el servicio ? te retorna datos si lo ejecutas en tu navegador? el 15 jul. 2020 a las 20:31
  • Si claro el php funciona perfectamente porque lo integro con otras tecnologías me devuelve el json codificado que te mostré en cuanto a la emulación esta bien ya he echo loguin en flutter y dodo salio bien, yo creeria que es algun impedimento al leer el json es decir la descodificación
    – juan perez
    el 15 jul. 2020 a las 20:37

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.