Tutorial Flutter: Lista animada

Inspiration:
dribbble.com/shots/14857079-M...
🔵 Follow me:
/ diegoveloper
Repo: github.com/diegoveloper/flutt...
Link del issue: github.com/flutter/flutter/is...
🌐 My personal website:
diegoveloper.com/
📌 English subtitles (KZbin Desktop - only)
Click on the “Settings” icon, select “Subtitles/CC,” and then click “Auto Translate.” A list of languages you can translate into will be displayed. Select “English” (Or the language you want). Done!
✅ Donations
www.buymeacoffee.com/diegovel...
✅ Coaching/Asesorías
www.buymeacoffee.com/diegovel...
✅ Source Code (You need a membership)
www.buymeacoffee.com/diegovel...
💻 My Setup:
Standing Desk: amzn.to/39HLvut
Anti Fatigue Standing Desk Mat: amzn.to/3thoaZM
Monitor: amzn.to/36wQy0c
Monitor Arm: amzn.to/3r3J5h0
Macbook Arm: amzn.to/3acOvzq
Macbook Tray: amzn.to/3r7dBXm
Macbook Vertical Stand: amzn.to/2MnhrNf
Webcam: amzn.to/3qfILMf
Camera: amzn.to/3jIXJru
Camera Mic: amzn.to/2MdxVaC
Speakers: amzn.to/2YAqFrY
MultiPort Adapter USB-C: amzn.to/2N98rLP
Phone Holder: amzn.to/379BmGv
Headphones: amzn.to/2YzUE39
Keyboard: amzn.to/3qkMsA8
Wood Keyboard Tray: amzn.to/3cJRrXl
Microphone: amzn.to/3rbAVD9
Microphone Stand: amzn.to/3rLfhpx
Mouse Logitech: amzn.to/3cpVFDc
Mouse Pad Razer: amzn.to/2MHvDjV
Strip Lights: amzn.to/36w0F5x
Goku Figure: amzn.to/36tjx4X :v
Chair (Herman Miller): • La MEJOR SILLA de ofic...
--------------------------------------------------------------
Feel free to use my code from the video to your projects, just don't forget to give me the credits adding my twitter and youtube channel in your comments or network where you use it :).
--------------------------------------------------------------
🎵 Background Music
--------------------------------------------------------------
Far Away by Declan DP / declandp Licensing Agreement: www.declandp.info/music-licensing Free Download / Stream: bit.ly/2NhWC1F Music promoted by Audio Library • Far Away - Declan DP (...

[@franciscoleal_]

você é muito fera, sou seu fã. Quero chegar nesse nível de programação um dia.

[@FilledStacks]

Nice video :) There's a few additional things you can do to get it closer to the original animation. I couldn't understand so I don't know if you mention it haha. 1. Add a shadow 2. Use the scale widget to equally shrink the item so it doesn't get deformed when shrinking 3. Start the shrinking earlier and fade out completely by the time it's half way 4. Also don't use the fixed number 153 for the controller, it won't work on other devices. You can map it to the screen height instead

[@diegoveloper]

Hey Dane, thanks for the feedback, yeah , there are many missing things here :D

[@YXUN2000]

Can you make the same tutorial too? I love your vids

[@FilledStacks]

@@YXUN2000 I wouldn't make a video if it already exist, I'd just point people to that video

[@YXUN2000]

@@FilledStacks Well, the English subtitle is working and it will be great to make a better morealike animation with the suggestions you made. It's like giving more options for developers to choose.

[@divyanshgupta748]

It's great to learn from you... But can u start your tutorials in English as well... ! Love from India 😅

[@ariloops]

Excelente Diego, muy buenos videos!

[@crazy-man]

yes this is what I was looking for, thank you so much

[@officialismailshah]

amazing video from king of animation..

[@tommyeagen3763]

I don’t understand Spanish but I watch your videos excellent quality

[@urielcisnerostorres8689]

buenisimo el video, soy nuevo en flutter y estos videos me encantan, sigue asi master :)

[@daumienebi]

como vas con FLutter ahora ? :)

[@andyantrick9587]

excelente video, mas videos de UI en español porfavor!!

[@franciscoleal_]

que legal essa animação, o que você não sabe fazer? haha, parabéns, abre um curso que eu me cadastro nele!!!!

[@jogagaules1167]

very good brother congratulations for the video

[@danielalcantara6696]

Excelente mas contenido de animations :D

[@juancastorino]

Muy bueno Diego! Creo que con esto también se puede hacer el challenge del café si no me equivoco (teniendo en cuenta que los png de los café son de diferentes tamaños). Continua con estos videos!! son geniales... Muchas gracias!

[@diegoveloper]

Podría, pero recuerda que lo del cafe no es una lista simple, es un scroll paginado, cada vez que haces scroll se mueve al siguiente item, en cambio esta es una lista libre.

[@aleco_rodri]

genial!!!

[@arturoespinosa3447]

Está genial, me sirve mucho, porque justamente tengo una aplicación que tiene resultados de búsqueda y esto se vería muy bien para aplicarlo en ella.

[@favazdev]

Que crack!

[@jamesanthonydejesuscasasch5470]

Todos: que buenos efectos¡¡ Yo: que modelo será el celular del video? xd muy buena crack :D

[@mruduladdipalli5417]

woow Slivers has reduced a lot's of manual work, great idea!!!

[@faisalmushtaq2287]

what if we dont have the size of item, like in my list the items are of varying size and not constant

[@MrPandaLove1234]

Que mac tienes @DiegoVeloper ?, por cierto excelente recomendación...

[@diegoveloper]

Macbook pro 16" , core i9 , 32gb de ram, 8gb video, 1TB ssd

[@ariloops]

@@diegoveloper Ah peerrro!! deja KZbin :P

[@santiagomamani6111]

Los old recordarán haber visto este video en TheDartSide xd

[@diegoveloper]

xD

[@misterjj96]

Pensé que ibas hacer una remasterización jajaja

[@baimamboukar4492]

amazing tutorial 🏆! I tried it out...... But the list disapear completely when I scroll down until the last element. How to fix this problem ?

[@diegoveloper]

Hello, not sure what's happening, just follow the video

[@niltongonzano3556]

me pasa lo mismo con una lista de 400 registros, ademas uso un TabBarView y cuando cambio me sale error "_AssertionError ('package:flutter/src/widgets/scroll_controller.dart': Failed assertion: line 108 pos 12: '_positions.length == 1': ScrollController attached to multiple scroll views.)" :(

[@pr_mah99]

Dragon Ball 😁🔥✔️

[@Anullos42]

no esperaste a que lo hicieramos jaja

[@diegoveloper]

jeje es que ya lo tenía, más bien anímate a hacerle una variación con algún otro efecto al scroll :D

[@pruithvindra8453]

Please add english subtitles

[@diegoveloper]

Read the video description to activate english subtitles

[@kamanzishema8432]

I really like your tutorials but you forcing me to learn your language .... At least do two tutorial man you loosing fans and subscribers

[@diegoveloper]

Read the video description to activate English subtitles. Also I'm not forcing anyone to learn my language, That's my language.

[@kamanzishema8432]

@@diegoveloper you gat me wrong , I didn't mean to attack you .... Just that to fully comprehend your tutorial someone have to be knowing your lang . ( u not forcing anyone ) my bad

[@diegoveloper]

@@kamanzishema8432 don't worry, it's difficult for me create the tutorial in two languages. I'm pushing my community now that's way I'm using my native language. Non-spanish speakers have to options: 1- Activate english subtitles using the instructions attached on the video description. 2- Mute the video, play your favorite music and speed up the velocity of the video, similar a speed-code-video. :/ That's the only options I have now.

[@kamanzishema8432]

@@diegoveloper I get thanks for sharing your knowledge may God bless you .

[@ariloops]

@@diegoveloper El inglés siempre tan frío jajajaja, por eso se entiende muy mal. xD