Flutter Onboarding Screen - Shop App Flutter - Episode 1
Вставка
- Опубліковано 23 лип 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!
![Flutter Tutorial - Onboarding Screen UI, Introduction Screen, Walkthrough [2022]](http://i.ytimg.com/vi/AmsXazhGMQ0/mqdefault.jpg)
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!
Simply brilliant and beautiful ❤️
Many many thanks
That is awesome, thanks a lot
I love your videos 😍
You are my inspiration ☺️
I'm so glad!
amazing content 🔥🔥
Hi this is great
Do you consider making episode 2?
Great job. Cool broh
U deserve a like👍
Awesome technical !
Thank you so much 💙
waiting for next videos
Is there a video for project setup or a starter code?
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?
Really interesting way to make videos
Glad you like them!
can I know where did you make this intro mock ? + Thanks for the video
How your getting that dotted lines on the left of every code block
Dude u are amazing.
Thank you!
Flutter Tutorial for Beginners bit.ly/40avsxL
very good
Bravo
Glad you like it!
can you please tell how you make that intro
How you do this mockup and where?? I love it this video 🤩🤩
from where you get this beautiful illustraion
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?
what is the font?
nice , ep2 pls
Coming soon!
@@TheFlutterWay ep2 pls
I am not able to get that right click and add wrapper widgets, how to get that, anyone please help... Thanks!
this tun only first time or run every time..?
Yaayy
just wow
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.
❤❤❤❤❤❤❤💕💕
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
New onboarding ui design tutorial:
ua-cam.com/video/lRb6sxfYodM/v-deo.html
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.
I wish you did this with responsiveness 🥹🥺