NO uses ListView en Flutter

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 119

  • @diegoveloper
    @diegoveloper  3 роки тому +15

    Comenten si les sirvió el tip .
    Leave a comment if this tip was helpful.

  • @ABDIAS032
    @ABDIAS032 3 роки тому +14

    Es genial ver estas soluciones antes de toparse con ellas y perder una semana atorado en el problema

  • @SkillTrailMalefiahs
    @SkillTrailMalefiahs Рік тому +2

    Esta muy bueno la explicación y todo, pero toma en cuenta que eso es para casos específicos, excelente video.

  • @EduardoGarcia-it4xj
    @EduardoGarcia-it4xj 3 роки тому +2

    Oye Diego, que pedazo de video es este... te felicito!!! Sigue asi amigo, Saludos desde Honduras

  • @HakimiRidzuan
    @HakimiRidzuan 3 роки тому

    I read the subtitles 1st then rewind a bit to see what happening in the video.
    Nice tips bro. Keep sharing!

  • @pedroeduardoquinonesgarcia708
    @pedroeduardoquinonesgarcia708 3 роки тому +1

    Estos videos de buenas prácticas están geniales, y si cada uno de tus videos me hace aprender algo nuevo. Muy bien Diego!!!

  • @Masitx99
    @Masitx99 2 роки тому

    No puedo negar que me esta ayudando mucho estos.... mmm no se como llamarlo pero jajaja me esta sirviendo mucho para cuando yo vaya a crear Apps me pueda servir de mucho a la hora de rendimiento y fluide. Agradezco mucho que saque de su tiempo para darnos a conocer a nosotros sus experiencia en flutter.

  • @juanmamani2110
    @juanmamani2110 Рік тому

    gracias por compartir el conocimiento! justo tenemos facilitar el despliegue de 5000 items jajajajaja

  • @brujala1775
    @brujala1775 Рік тому +1

    Muy buen video hermano!!!

  • @cusin19
    @cusin19 3 роки тому +2

    Estos vídeos hacen la diferencia en tu canal 👌

  • @yubervasquez
    @yubervasquez 2 роки тому

    Simplemente espectacular. Muchas gracias Diego

  • @erasmo-programacion2839
    @erasmo-programacion2839 2 роки тому

    amo tu contendo acerca flutter

  • @elvissalabarriaaquino1428
    @elvissalabarriaaquino1428 3 роки тому

    Muchas gracias ya había pasado por eso pero está solución está muy buena, gracias nuevamente

  • @kevinvega3148
    @kevinvega3148 2 роки тому

    Excelente tip, muchas gracias por todo el apoyo a la comunidad Flutter

  • @michaelpezoa2545
    @michaelpezoa2545 Рік тому

    Oh qué genial tips, a implementar en mis futuros proyectos

  • @alejandronajera6062
    @alejandronajera6062 3 роки тому

    Diego hermano muchas gracias por el tip. Justo estaba pasando por lo mismo y no le podía dar solución.

  • @melvinsalas
    @melvinsalas 2 роки тому

    Maldita sea!
    Eso solucionará muchos de mis problemas de rendimiento.
    Gracias!

  • @ronaldmorales6358
    @ronaldmorales6358 3 роки тому

    Estos tips valen oro. Gracias Diego.

  • @codesoftgroup
    @codesoftgroup 16 днів тому +1

    EXCELENTE DIEGO, GRACIAS

  • @JesusMarfilMX
    @JesusMarfilMX 3 роки тому

    Excelente video, es un problema muy comun que siempre pase por alto, pero ahora ya puedo corregirlo 😁 gracias

  • @Teamview789
    @Teamview789 5 місяців тому

    Pauek también advirtió de ese problema pero no lo recordaba gracias

  • @titojesus615
    @titojesus615 2 роки тому

    No me he topado con este problema, pero igual me lo apunto. Gracias por el aporte!.

  • @felixteixeira7293
    @felixteixeira7293 3 роки тому

    Saludos desde Venezuela excelente Contenido...

  • @douglasperez3701
    @douglasperez3701 3 роки тому

    Excelente video Diego, muy claro y preciso.

    • @diegoveloper
      @diegoveloper  3 роки тому +1

      Nose por qué youtube borró tu último comment, pero pude ver porque me llegó el correo, te dejo el link para que entiendas el cascade notation: www.w3adda.com/dart-tutorial/dart-cascade-notation

    • @douglasperez3701
      @douglasperez3701 3 роки тому

      @@diegoveloper genial Diego, lo reviso. Muchas gracias, saludos.

  • @binaryfab
    @binaryfab 2 роки тому

    Excelente, gracias! 🤝💪🏻

  • @DavCov88
    @DavCov88 Рік тому

    Diegooo muchas gracias, por algo me jalaban lento, a optimizar mi código XD!!!

  • @carlis1229
    @carlis1229 2 роки тому

    Gracias Diego por ese contenido.

  • @oscaradriangonzalezlastra4003
    @oscaradriangonzalezlastra4003 3 роки тому

    Justo me topé con este problema, muchas gracias!

  • @niltongonzano3556
    @niltongonzano3556 2 роки тому

    Buenazo el contenido sobre todo motiva a seguir aprendiendo nuevas cosas. nunca pares en compartir tus conocimientos muchos te lo agradeceremos.

    • @diegoveloper
      @diegoveloper  2 роки тому

      únete al canal :D, hay contenido muy chévere para miembros

  • @danielenrique2646
    @danielenrique2646 2 роки тому

    Excelentee!! eres un duro, me suscribo

  • @IvanMontesinos
    @IvanMontesinos 3 роки тому

    Que bien tip, ya me había pasado y se soluciono mucho mejor

  • @jorgegasparramirezsegura3266
    @jorgegasparramirezsegura3266 11 місяців тому

    Muy buenos sus videos. Tengo una duda que usted hace referencia al final se puede usar SliverList anidados para usarlo para agrupar información por un criterio usando el paquete collection el GroupBy. He intentado hacerlo pero tengo problemas. Podría hacer un video al respecto por ejemplo agrupar alumnos por grupo como un ExpandableList pero usando SliverList

  • @christianmereles7764
    @christianmereles7764 3 роки тому

    Muy bueno. Siempre aprendiendo algo mas...

  • @abasilis
    @abasilis 2 роки тому

    No me gusto el vieo no, me encanto, eres lo maximo, tips como este son muy buenos, deberias hacer mas.

  • @CyberadictosOficial
    @CyberadictosOficial 3 роки тому

    buenaso papi! sigue asi!

  • @crisyglo
    @crisyglo Рік тому

    Hola genial. Mes sirvió. Una pregunta si uso column y una lista adentro tendría el mismo problema?

    • @diegoveloper
      @diegoveloper  Рік тому +1

      Si la Lista vertical hace scroll sola, sin que se deslice toda la pantalla (con la lista horizontal), no hay problema, pero si quieres que todo se deslice junto, pues si, tendrás el mismo problema

    • @crisyglo
      @crisyglo Рік тому

      @@diegoveloper Gracias, es que estoy haciendo una pantalla similar a challenge de rappi order. En el que usas un column, con una cabecera fija y un listview

    • @diegoveloper
      @diegoveloper  Рік тому +1

      Puedes probar y hacer ese Print que hice para que veas el performance, sino te toca hacer SliverList

  • @Вальдемар-п6г
    @Вальдемар-п6г Рік тому

    Wow. Very very useful experiment, thanks author!

  • @llromerorr
    @llromerorr 3 роки тому

    ¡Buen video! Gracias por el aporte.

  • @weincode
    @weincode 3 роки тому

    Hola Diego, muy buen tip. De hecho muy bien explicado y si queda claro en que escenarios es mejor el Sliver muchas gracias por le buen contenido 😀👍

  • @gspinzer
    @gspinzer 3 роки тому

    Gracias Diego por tus tips son muy útiles

  • @constantino7608
    @constantino7608 Рік тому

    Hola Diego buen video donde encuentras esas soluciones

    • @diegoveloper
      @diegoveloper  Рік тому

      hola, la encontré en los issues del repositorio de Flutter.

  • @saulmisaelcollikumul378
    @saulmisaelcollikumul378 Рік тому

    Diegoveloper, me ha salvado con problemas de rendimiento, es un crack, muchas gracias

  • @Anullos42
    @Anullos42 2 роки тому

    @diegoveloper como agregarias un sliverlist de manera horizontal?

    • @diegoveloper
      @diegoveloper  2 роки тому

      Para el modo horizontal no hay problema con ListView, solo agregas un SliverToBoxAdapter

    • @Anullos42
      @Anullos42 2 роки тому

      @@diegoveloper así es como lo estaba haciendo, perfecto. Muchas gracias maquina

  • @oh-vito
    @oh-vito Рік тому

    Podrias paginar los resultados para mantener una cantidad que soporta el componente ListView.

    • @diegoveloper
      @diegoveloper  Рік тому

      si el api lo soporta, si, de todas maneras es recomendable usar Slivers si se tiene esa estructura del ejemplo

  • @vianeyvargas7736
    @vianeyvargas7736 2 роки тому

    Diego excelente video, gracias. Pero como hacemos eso que muestras en el vídeo con BlocConsumer ? flutter_bloc 8 ? la lista de una API REST

    • @diegoveloper
      @diegoveloper  2 роки тому

      Hmm no veo por qué tenga que afectar que uses BlocConsumer, Consumer o algún Widget.

  • @piffyization
    @piffyization 2 роки тому

    Acabo de probar esto en un DraggableScrollableSheet y no funcionó :( sigue cargando toda la lista antes de mostrarla. :(

  • @eemprz
    @eemprz 2 роки тому

    Diego, como podría hacer que el primer item (la lista horizontal) no haga rebuild al volver al top?

    • @diegoveloper
      @diegoveloper  2 роки тому

      ua-cam.com/video/3v4ZofYsn5I/v-deo.html

  • @Dan-Ortiz
    @Dan-Ortiz 3 роки тому

    Super Tip, gracias por compartirlo maestro.

  • @mayconjf
    @mayconjf 2 роки тому

    Excelente video, gracias!!

  • @zaighumshahzad3501
    @zaighumshahzad3501 2 роки тому

    Thankyou! You just earned a subscriber!!

  • @santiagomoreno2514
    @santiagomoreno2514 3 роки тому

    necesito ayuda para cargar imagenes desde internet tipo instagram... a lo que me refiero es a cargar rapido las imagenes necesito ayuda ...

    • @diegoveloper
      @diegoveloper  3 роки тому

      Hola, puedes entrar a este grupo en español que tenemos en Facebook: facebook.com/groups/flutter.dart.spanish ahí tratamos de ayudar con las dudas

  • @prasantkumar7693
    @prasantkumar7693 3 роки тому

    Very helpful tips. Thanks Bro

  • @danielandresgallogarcia9692
    @danielandresgallogarcia9692 3 роки тому

    Excelente Diego donde compro ese microfono cual es la referencia ?

  • @the.maciota
    @the.maciota 3 роки тому

    How to work with bigger list and dynamic height, like a facebook timeline with image, video and text with button jumpTo?

    • @diegoveloper
      @diegoveloper  3 роки тому

      I don't see what's the problem with that

    • @the.maciota
      @the.maciota 3 роки тому

      @@diegoveloper the scroll is processed and then animated, this takes time according to the size of the scroll, but if I use fixed sizes of the children in the list everything works fine

  • @claudiosilva221
    @claudiosilva221 Рік тому

    Excelente muchas gracias

  • @nothing-bm4rm
    @nothing-bm4rm Рік тому

    Hola, estoy intentando meter un list.builder dentro de un column pero no encuentro forma de hacerlo. Podrias explicarme cual seria la solución?

    • @diegoveloper
      @diegoveloper  Рік тому

      Column [ Expanded(ListView.builder(shrinkWrap: true

    • @nothing-bm4rm
      @nothing-bm4rm Рік тому

      @@diegoveloper Thanks, I tried and it didn't work, could I pass you my code? :c

    • @diegoveloper
      @diegoveloper  Рік тому

      @@nothing-bm4rm claro, agenda una llamada: www.buymeacoffee.com/diegoveloper/extras

    • @nothing-bm4rm
      @nothing-bm4rm Рік тому

      @@diegoveloper
      Error 404 :c.
      One question, when I do the flutter build apk --release. When installing the application it appears without the icons.svg, do you know how to fix it?

    • @diegoveloper
      @diegoveloper  Рік тому

      @@nothing-bm4rm www.buymeacoffee.com/diegoveloper/e/27476

  • @faguininho
    @faguininho 3 роки тому

    Amazing tip. Thank you so much

  • @guillermosevilla1821
    @guillermosevilla1821 3 роки тому

    Muy buen video! gracias!

  • @freddycastillo9385
    @freddycastillo9385 2 роки тому

    Y si le pones dentro de un streambuilder?

  • @diegodetomas4240
    @diegodetomas4240 2 роки тому

    Gracias por elñ video!

  • @melomanzer5508
    @melomanzer5508 3 роки тому

    Thanks a lot.
    From Mauritania

  • @keithbacalso9433
    @keithbacalso9433 3 роки тому

    I dont get it why the Flutter team did not do good performance in listView, but dods good performance with Slivers? 🤔

    • @diegoveloper
      @diegoveloper  3 роки тому

      That's why the issue is still open, check the link on the description.

  • @martinflores9611
    @martinflores9611 3 роки тому

    gracias esta muy buenos y bien explicados

  • @aserraj9817
    @aserraj9817 3 роки тому

    I wish your videos were in english, you have such good content.

    • @diegoveloper
      @diegoveloper  3 роки тому

      But this is speed code video.

    • @aserraj9817
      @aserraj9817 3 роки тому

      @@diegoveloper no, you were explaining how listviews work and about how it affects performance... the auto translate subtitles are not so good

    • @diegoveloper
      @diegoveloper  3 роки тому

      @@aserraj9817 ahh sorry, I saw the wrong video, well I created the english translation manually so it should work.

  • @MrGonzaloll
    @MrGonzaloll Рік тому

    Genio.!!

  •  Рік тому

    Un día llegaré a saber de qué hablas aquí !

  • @esentakos
    @esentakos 3 роки тому

    Very insightful, thanks for sharing :)

  • @catrielcaruso1687
    @catrielcaruso1687 3 роки тому

    Excelente tips!!!

  • @jaimehoyosdominguez8404
    @jaimehoyosdominguez8404 3 роки тому

    Actually, i got this issue in my project. I have more than 1000 items and i see some problems... Thanks!

  • @ahmedtiger3809
    @ahmedtiger3809 2 роки тому

    what about the gridview ? sir this is just listview

    • @diegoveloper
      @diegoveloper  2 роки тому

      is the same, use SliverGridView instead

  • @Brown-bk4ju
    @Brown-bk4ju 3 роки тому

    Any english version? 👏

    • @diegoveloper
      @diegoveloper  3 роки тому

      You could enable english subtitles.

  • @hassanosama357
    @hassanosama357 2 роки тому

    Great information thanks

  • @jeanmartinpachasvilla6640
    @jeanmartinpachasvilla6640 3 роки тому

    Comment para más tips como este bro... De gran ayuda :D

  • @ahmedtiger3809
    @ahmedtiger3809 2 роки тому

    thanks dude nice tip

  • @richarc7488
    @richarc7488 3 роки тому

    Me sirve :)

  • @naimurhasanrwd
    @naimurhasanrwd 3 роки тому

    Most wanted tip.

  • @ElFedeJv
    @ElFedeJv 3 роки тому

    excelente

  • @eduardacevedo422
    @eduardacevedo422 3 роки тому

    hey muy bueno

  • @MelanyGómez-s2l
    @MelanyGómez-s2l Рік тому

    Hmm no me queda muy claro el performance, en el primer ejemplo estas usando un ListView con un ListView.builder anidado, y en el otro ejemplo solo estás usando el CustomScrollView con SilverList sin ninguna anidación, por lo tanto es como si estuvieras comparando ListView.builder vs SilverList y ahi los dos son igual de óptimos, si tu cambias el ejemplo del CustomScrollView con otro CustomScrollView anidado, va a dar el mismo resultado, entonces no veo ninguna mejora de performance, estas usando dos ejemplos muy distintos, y no es justo para el listView.builder porque lo estas comparando sin usar anidación en el CustomScrollView
    La ventaja realmente del CustomScrollView es cuando vas a trabajar con Silvers Widgets, y lo recomendado del ListView es usarlo con el constructor con nombre .builder, pero esto es algo muy diferente a lo que das a entender en el ejemplo, asi que... el issue sigue abierto, esto no lo mejora realmente, solo quitaste el ListView.builder y lo cambiaste a un CustomScrollView
    Si el ejemplo fuera equitativo deberias de haber usado dos CustomScrollView y esto daria el mismo mal performance que los ListViews
    Si me equivoco, espero un feedback tuyo Diego, igual interesante el video, pero no me parece que esté bien el ejemplo, y me sorprende que nadie haya caido en cuenta de que se compararon mal, hice los siguientes escenarios: 1. dos CustomScrollView anidados, 2. un ListView con CustomScrollView y 3. ListView.builder vs CustomScrollView y por eso te aseguro que no vi ninguna mejora de performance

  • @arturoaragon1261
    @arturoaragon1261 3 роки тому

    No me pidas que deje de ser hombre, na es broma, gracias por el tip

  • @armandotrindade6785
    @armandotrindade6785 2 роки тому

    flutter

  • @paulobreim
    @paulobreim Рік тому

    jajajaja

  • @sunstrike8943
    @sunstrike8943 3 роки тому +1

    I hope you speak in English

  • @ajaypangare2487
    @ajaypangare2487 3 роки тому

    Create your video in English

  • @entech5669
    @entech5669 3 роки тому +1

    Why the hell did you add title in English ? And speaking in Alien language. 🤬

    • @diegoveloper
      @diegoveloper  3 роки тому

      You can activate english subtitles, and the language I use is spanish

    • @entech5669
      @entech5669 3 роки тому +1

      @@diegoveloper then use Spanish for your title.

    • @diegoveloper
      @diegoveloper  3 роки тому

      @@entech5669 then non-spanish people won't watch the video. And now they can benefit using the subtitles ;)