Flutter Onboarding Screen - Shop App Flutter - Episode 1
Vložit
- čas přidán 27. 07. 2024
- Source Code 👉 cutt.ly/rFOscFo
Hello flutter devs, Welcome to episode number 1. Today, I will show you how easily you can create an onboarding (Walkthrough) screen on Flutter.
At first, we have an image, then a large title with short one or two lines of text. The bottom of the screen contains an animated page indicator and a rounded button for navigating to the next page.
► Nominate as a Github Star: bit.ly/3dLXFWJ (@abuanwar072)
►For the 3D intro, I'm using Rotato: bit.ly/3heGagj
►Support Us: / theflutterway
► Social Media
GitHub: github.com/abuanwar072
Twitter: / theflutterway
Twitter: / abuanwar072 (my personal profile)
Facebook: / theflutterway
► Timestamps
0:00 Intro
0:50 Onboard Screen
1:07 Start Coding🔥
Thanks for watching!
Make sure to like + Subscribe For More!
Great content as usual. So inspiring!
Awesome!
Always get inspired from you Thanks
My pleasure!
Pretty easy to understand. I'm taking my time to pause the video and understand the process ;) Thanks
You're welcome!
That is awesome, thanks a lot
I love your videos 😍
You are my inspiration ☺️
I'm so glad!
Simply brilliant and beautiful ❤️
Many many thanks
amazing content 🔥🔥
Hi this is great
Do you consider making episode 2?
waiting for next videos
Great job. Cool broh
U deserve a like👍
Awesome technical !
Thank you so much 💙
Really interesting way to make videos
Glad you like them!
can I know where did you make this intro mock ? + Thanks for the video
Dude u are amazing.
Thank you!
Flutter Tutorial for Beginners bit.ly/40avsxL
Is there a video for project setup or a starter code?
nice , ep2 pls
Coming soon!
@@TheFlutterWay ep2 pls
very good
Bravo
Glad you like it!
from where you get this beautiful illustraion
1:20 whats the vs extension being used here? Anyone knows what is the name of the VS Extension ? Wrap with Widget ?
Where do i get ecommerce uikit show in start of video?
How you do this mockup and where?? I love it this video 🤩🤩
I see that the Height and Width are hard coded is this good practice? I always struggle to understand this. Can we just hard code it? Wouldn't it break on different screen sizes?
How your getting that dotted lines on the left of every code block
just wow
Yaayy
can you please tell how you make that intro
Great video! In 5:31 what is the function of ...List ?
I understand that, but not sure its right:
Its because inside children, each widget its only a widget. Thefore when you use List.generate, there is another list. And when you use ...List, the ... its the spread operator, and you can use the spread operator to combine lists. So, what you are doing is combining the list with the list of children widgets.
Hey which tool do you use to make such cool intros?
Rotato & After Effects,
Check the description for link.
I am not able to get that right click and add wrapper widgets, how to get that, anyone please help... Thanks!
❤❤❤❤❤❤❤💕💕
what is the font?
this tun only first time or run every time..?
hello sir can you teach how to make parking slot booking app??
Noted!
I have a problem: Error: Not a constant expression.
child: DotIndicator(isActive: index == _pageIndex), helpme bro !
Make sure define _pageIndex as int only, not a const
how can pass int if constructor u using bool
why doesn't this video start from the main.dart?
Try to make it short & to the point, thanks for feedback!
From next video I will try to fixed it.
New onboarding ui design tutorial:
czcams.com/video/lRb6sxfYodM/video.html
I wish you did this with responsiveness 🥹🥺