I'm a dev looking to jump start a new app with Flutter. I've learned it before but never used Flutter in a real app. This is perhaps the best tutorial with source code to boilerplate a new app. Well done, bro!
Your knowledge, your experience, your skills, the way you defined, the accent and all the things i have sense in this video is Absolutely mind blowing, informative and extremely worthy.... I am Thanking you for sharing this type brilliant knowledge, ideas, concepts, experience and all other stuffs with us ❤️❤️
Thanks, very well made and clear presentation of how to make this UI. I had been thinking about a partially similar design, this gave me both the inspiration and direction on how to do it 👍💙
very good introduction of an interface, I subscribe, hey by chance you don't have anything else but with a purchase system. I would like to see how you would use it
i tried chaing the heightFactor to 1 because i dodnt want the items to overlap eachother but the animation wile scrolling got messed up items desappear without eaching the top of the screen
Great tutorial and great explanation, the only thing I saw is that the scale logic seems to be a little wrong, the first element (index 0) when scroll is already in opacity of 0.5 by the logic, and then, in the next indexes, seems to be moved by double between var topContainer and current index... so I made some changes in logic and this is working pretty fine on my app: double scale = 1.0; if(_topContainer < 0.5 && index == 0){ scale = 1 - (_topContainer * 2); if (scale < 0) { scale = 0; } else if (scale > 1) { scale = 1; } } if (_topContainer > 0.5 ) { scale = index + 1 - (_topContainer * 2); if (scale < 0) { scale = 0; } else if (scale > 1) { scale = 1; } } Any way, I read that is very bad for performance using setState every time that user scrolls... but, is just an approach
Hey, nice video but I am facing an issue when the card length is around 4 and when i scoll up the screen does not hangs u p there but the closeTopContainer value changes and cantainer expands and my list goes down automatically
There is an issue in this. The 1st tile is not animating correctly. Scale is happening only from 2nd tile. And there will be a default space between top and the list after scroll. Can you tell me how to overcome these?
Dear, very good your video, I have a query about your syntax, I see that you include the keyword const on many sides, before a widgets, I read information about it and many examples do not include it and nothing really happens because flutter takes it the same . Could you tell me the difference between using it or not before a widget? First of all I want to warn you that I know very well what a constant, a variable and a final variable is, I just want to know in flutter why this happens or allows it. I am starting with this technology. You have a new subscriber! Cheers!
Well, with const what happens is that it does not rebuild that particular instance which is declared as const. because in this application build will run multiple times with each call of scroll listener. With const we minimize the build of widgets which do not change overtime ✌😁 a huge performance benifit.
@@RetroPortalStudio Perfect the explanation, and then should I apply it only to widgets that are not going to be redrawn, such as a SizedBox, a Text, something that does not change with the call to a request inside the stateful widget?
If we use Align with height factor, the onTap events stops working. Can you please alternate of this approach so onTap will also not stop working for each widget item
Nice and superb explanation! One just need to sit and digest it. Nice one, keep it up!
one of the best video about flutter demo
Paras Jain, you're the King of Flutter!! Way to go, Keep them coming.
Thanks a ton man! I will ✌🤓🐱🏍
Thankyou for your contributions, friend! They are helping me a lot. THank you very much from Brazil =)
I'm a dev looking to jump start a new app with Flutter. I've learned it before but never used Flutter in a real app. This is perhaps the best tutorial with source code to boilerplate a new app. Well done, bro!
Even a beginner, it was easy to follow ! Thanks !
this is the best type of content. great work my friend.
Crystal clear explanation.....very well explained...thank you so much
Clever technique, and very well-delivered tutorial!
bro you are the best ,no cap
Things like this should be highly appreciated.Great job.Well done
Thanks for tutorial. it gave me a good idea!
amazing flutter skills that you have
Just came across your second video and I am so into your style and knowledge.
Wow... I absolutely look forward to watch this vedio
wow! that was an amazing way of doing that animation and very well explained. Thank you man, You have got amazing skills!
Thanks for the great tutorial!
thanks. great explanation for scroll animation
Man you are Extremely Genius,Albert Einstein of Flutter,Amaaaaaaizing skills,thanks for sharing i like it.
Will do my best to keep up to the pedestal you all put me on man! Thanks! ✌🤓🐱🏍
Thank you so much , Excellent Video
Man the narration and the video was so goood!! thank you for this
yes i agree ..it is the best type of content.Thank you for sharing.
Good use case with best narration.. Keep the good work
Superb Explain
Thank you for the wonderful video sir it is very helpful for me and my team, Thanks again sir
muchas gracias por la info, me sirvió bastante. Saludos desde Perú.
Extremely useful and excellent explanation!
very nice tutorial, hope you can provide more . thanks!!!!!!!!!!!!!!!!!!!!!!!!!
good job , wow flutter is amazing and you are very amazing :)
wow! you amazing matt!
Definitely be part of this chanelle is a blessing
Your knowledge, your experience, your skills, the way you defined, the accent and all the things i have sense in this video is Absolutely mind blowing, informative and extremely worthy....
I am Thanking you for sharing this type brilliant knowledge, ideas, concepts, experience and all other stuffs with us ❤️❤️
Nice project, you have really good skills.
thank you so much , ur video is 20/10 keep up !
Thanks for sharing your knowledge.
i love your tutorials
Ты просто Красавчик!!!
Excellent work, i subscribe.
Thanks for the great content, I'd been looking for something like this for quite some time!
nice videos, please keep teaching us.
Thanks, very well made and clear presentation of how to make this UI. I had been thinking about a partially similar design, this gave me both the inspiration and direction on how to do it 👍💙
Glad i was of help mate! Thanks! ✌😁
Great, just amazing effect
Thanks for sharing.
i love this video so much !!!
Very informative content. thank you.
Just Great content bro.., Thank You.... 😍
Thank you sir
So good thanks for sharing your knowledge and skills
Thanks friend
Really great tutorial... But need more clarification to understand 🙂
You do not just show the code but explain why it is used and how it works.
Thank you.
Amazing video 😍❤️
good work you’re a master
Genius👍 mashaallah
Amazing content man !! I just want to learn flutter like u :') please guide a perfect way !
astonishing video can you please explain how can i make the bottom of the list fade while scroling up
Thank you my man.
great work friend
عاشو 👏👏🔥
Thanks for all. We are waiting new the videos
Really wonderful.
You are just the best
Great work...!
great work ..🔥🔥🔥
Thanks bro
nice work !! thx ;)
Great video, thanks
very good introduction of an interface, I subscribe, hey by chance you don't have anything else but with a purchase system. I would like to see how you would use it
Awesome 👍
Great video.Plz make a video which includes FixedScrollPhysics related discussion.
Nice!!!! Broo Nice Nice & Nice !!!!!
great
EXCELLENT !!!
i tried chaing the heightFactor to 1 because i dodnt want the items to overlap eachother but the animation wile scrolling got messed up items desappear without eaching the top of the screen
Great explanation , thank you , i just have one question : why did you choose controller.offset > 50 , why 50 ? thanks again .
Great tutorial and great explanation, the only thing I saw is that the scale logic seems to be a little wrong, the first element (index 0) when scroll is already in opacity of 0.5 by the logic, and then, in the next indexes, seems to be moved by double between var topContainer and current index... so I made some changes in logic and this is working pretty fine on my app:
double scale = 1.0;
if(_topContainer < 0.5 && index == 0){
scale = 1 - (_topContainer * 2);
if (scale < 0) {
scale = 0;
} else if (scale > 1) {
scale = 1;
}
}
if (_topContainer > 0.5 ) {
scale = index + 1 - (_topContainer * 2);
if (scale < 0) {
scale = 0;
} else if (scale > 1) {
scale = 1;
}
}
Any way, I read that is very bad for performance using setState every time that user scrolls... but, is just an approach
Yes it is very low performing 😅 i don't really know when and why i did it that way but..... its shame i cant change it after its published... 😅
Nice video, can you give example how to return the coloring horizontal list at the top to return to each different screen?
🔥 amazing
You speak like one of flutter team widget of the week narrator cool
magic
Thank you for the video! How would you place the items in the list behind each other instead of on top?
very cool but I have question please how can I set up the on tap function of those buttons just a random function or how
who da heck dislike this awesome videooooo ?!!!!!!!!! agggg hahahhaha
awesome!
Hey, nice video but I am facing an issue when the card length is around 4 and when i scoll up the screen does not hangs u p there but the closeTopContainer value changes and cantainer expands and my list goes down automatically
There is an issue in this. The 1st tile is not animating correctly. Scale is happening only from 2nd tile. And there will be a default space between top and the list after scroll. Can you tell me how to overcome these?
Nice guide, but i have question, how can i update listview by tapping on ScrollController?
very nice
Hi please add video. Scroll to position of ListView/ Column Item corresponding to index of tab click.
You're awesome!!!
scale.clamp(0,1);
Yeah 😅
Dear, very good your video, I have a query about your syntax, I see that you include the keyword const on many sides, before a widgets, I read information about it and many examples do not include it and nothing really happens because flutter takes it the same . Could you tell me the difference between using it or not before a widget? First of all I want to warn you that I know very well what a constant, a variable and a final variable is, I just want to know in flutter why this happens or allows it. I am starting with this technology. You have a new subscriber! Cheers!
Well, with const what happens is that it does not rebuild that particular instance which is declared as const. because in this application build will run multiple times with each call of scroll listener. With const we minimize the build of widgets which do not change overtime ✌😁 a huge performance benifit.
@@RetroPortalStudio Perfect the explanation, and then should I apply it only to widgets that are not going to be redrawn, such as a SizedBox, a Text, something that does not change with the call to a request inside the stateful widget?
@@NicoILeone yes indeed!
@@RetroPortalStudio Thanks! Hive a nice day! Regards!
nice bro
How do I make each container in the listview go to a different view? Thanks in advance 👍🔥🔥
Please explain 😅
Nice again.
ahh yeah! OP bro!
making a PUBG Guide with this UI
Lol
what is the first 22 line in main.dart file
Good video, but in my vertical list the first element doesn't go like the others, is that normal?
Wonderful. Can you make tutorial about sqlite or database in mobile phone ?
If we use Align with height factor, the onTap events stops working. Can you please alternate of this approach so onTap will also not stop working for each widget item