🔥 MOSTRAR DATOS 🔥 Rest Api y ListView Builder- Tutorial 33 Flutter .- Flutter tutorial en español
Вставка
- Опубліковано 19 жов 2024
- ✅En este tutorial vamos a mostrar los datos desde internet (json) por medio de http rest api, para mostrarlos en un ListView Builder en Flutter, creando una lista dinámica en flutter con los datos de un json de nuestra consulta a nuestro servidor o servicio web, trabajamos con json para mostrarlos en una lista en flutter.
🔴 NO te pierdas NADA 👉👉 bit.ly/2RsTYJg
Estas funciones de flutter y mas widgets de flutter los podrás ver en este curso de flutter en español y cada uno de los tutoriales de flutter en español
![Flutter: Consumiendo un API REST ( Future / http ) [ Desde Cero ] - Parte 01](http://i.ytimg.com/vi/2jAb1MRPbVc/mqdefault.jpg)
![Flutter: Consumiendo un API REST ( Future / http ) [ Desde Cero ] - Parte 01](/img/tr.png)
Por fiiiiin, logre hacerlo con este video lo que necesitaba, muchas gracias. Nuevo suscriptor.
Que satisfactorio ver que hay personas que se esfuerzan cada día para brindar sus conocimientos, se lo aplaudo.
Saludos.
Por cierto, seria interesante ver un video que tenga un buscador y filtros para ese ListView
muchas gracias :-) puedes apoyar también mi canal de forfansvip.com , te comparto la liga forfansvip.com/flutter_en_espanol
Excelente el video, ayuda mucho!!! Saludos
Mil pero mil gracias Maestro
muchas gracias :-) puedes apoyar también mi canal de forfansvip.com , te comparto la liga forfansvip.com/flutter_en_espanol
Excelente, justo lo que buscaba, gracias por compartir tus conocimientos.
usas el Image.network y le pasas la ruta de la imagen
me ayudo bastante, tiene que subir mas videos,
Excelente contenido todo claro y muy bien explicado, muchas gracias por tus aportes :")
Excelente, muchas gracias.
Graciaaas! Me salvaste la vida
excelente
Ojalá subas un video de ese listview pero con filtros! Saludos!
Son condiciones que estan guardadas en el codigo PHP "SELECT * FROM productos" Aqui agregas las condiciones
Hola, urgente, en caso de que mi API no me regresé directamente la lista de elementos si no que regresará:
{
"Status": "'ok",
"Result": {elemento1},{elemento2}
]
Qué tendría que cambiar para que funcione? Lo hago como tú vídeo pero no me regresa nada, incluso si pido el statuscode y lo guardo en una variable dicha variable tiene de valor "null" cuando la imprimo. Gracias.
te quiero
Buenas noches Jouss quería agradecerte por todo el curso que has subido, he visto la mayoria y me han servido mucho, en este caso tengo un lio con el código que subiste, el List(); me marca un error, dice "la clase Lista no tiene un constructo sin nombre" intente usar un constructo con nombre definido en lista, que puedo hacer?. muchas gracias
List data = []; se delcara asi
@@AlexhuertoTracto Muchas gracias, funciono a la primera!
@@andreseliasmendozazuluaga9866 Que bueno
Una consulta profe.... Tendrias un curso o un instructivo de como hacer para que la app funcione correctamente tanto como en IOS como en android
Por el momento no, pero debe de funcionar bien en ambas plataformas, solo si utilizas alguna librería debe de estar bien configurado
Una pregunta, como harías para que cuando jale de la API se guarde automaticamente en la base de datos en sqflite? que ideas se te ocurre? y que cuando haya mas productos este solo actualice la bd cada ves que inicias la app?
buena pregunta, lo que se haria es en el future abro sqlite y dentro del for hago una comparacion si existe el id del producto dentro de sqlite si si no lo agrega y si no esta lo guarda y al final en lugar de mostrar la lista que tiene la api mostraria lo que tiene el sqlite
Chingon!!!
es recomendable utilizar un future builder y dentro del mismo el listview? cual es la diferencia máster?
un future siempre va a esperar una respuesta en algun momento ,
por eso es asyncrono y es por eso que esperamos la respuesta para después actualizar los datos
@@JoussAlonso Excelente, muchas gracias máster!
hola buneas tengo un erro en el index
RangeError (RangeError (index): Invalid value: Valid value range is empty: 0)
me gustaria saber que puede ser.
Que tal buen video me sirvió mucho.
Pero tengo una pregunta como se haría para que aparecieran checkBoxListTile y como guardas el estado para que lo mande a la Api y que unicamente mande los que han cambiado de estado?
Ejemplo si el checkBox de inicio esta en true cuando cambie a false es el que se va a mandar a la api para que se guarde en la base de datos.
Llevaba horas buscando esa solución. Pero, esa forma en la que convertiste el JSON a la lista es una buena práctica?
si de hecho no tiene que ser complicado para que tenga un buen rendimiento
Dale, gracias
@@JoussAlonso no se me guardan los objetos en la segunda lista!!!!
Jouss Alonso gracias por tus videos por favor un video donde haz un ListView.builder scrollDirection: Axis.vertical, mostrando fotos en dos columnas por favor
muchas gracias :-) puedes apoyar también mi canal de forfansvip.com , te comparto la liga forfansvip.com/flutter_en_espanol
muchas gracias!!! tengo el siguiente error en for
_TypeError (type '_InternalLinkedHashMap' is not a subtype of type 'Iterable')
Buenas tardes, jouss. Estoy usando lo que nos muestra en en este tutorial,
pero es un Servicio Content-type -> application/json .
Cunabdo ejecuto
el Servico me retorna un ERROR ,indicando : el content-type Debe ser application/json y configurationApp : null ,
trate de hacerlo de esta forma:
var response = await http.post( Uri.parse(url),
body: {
'id' : id,
'nombre' : nombre,
'precio' : precio,
'tipo' : tipo,
'cantidad': cantidad },
headers: {"Content-Type": "application/json"},
encoding: Encoding.getByName('utf-8'),
).timeout(const Duration(seconds: 90)
);
pero no funciona, el problema debe estar en el configurar el content-type. Pero atento a tis comentarios... gracias
Hola Jossuss, me funciono haciendo la llamada, de esta forma, lo dejo aqui por si alguien tiene el mismo problema:
Map headers = {
"Content-Type": "application/json",
"Accept": "application/json",
};
var body = json.encode(
{
'id' : id,
'nombre' : nombre,
'tipo' : tipo,
'clase' : clase,
'nota': nota }
);
var apiResult = await http.post(
Uri.parse(apiURL),
headers: headers,
body: body,
);
porque un setState en initState?
para actualizar el valor de data y agregarle todos los registros que vienen de la función