Flutter Onboarding Screen - Shop App Flutter - Episode 1
Рет қаралды 60,369
Күн бұрын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!
@mirham3802 2 жыл бұрын
Great content as usual. So inspiring!
@user-gu5to8nn2b 2 жыл бұрын
Awesome! Always get inspired from you Thanks
@TheFlutterWay 2 жыл бұрын
My pleasure!
@josehenriquez4937 Жыл бұрын
Pretty easy to understand. I'm taking my time to pause the video and understand the process ;) Thanks
@TheFlutterWay Жыл бұрын
You're welcome!
@sunderbhagwani 2 жыл бұрын
I love your videos 😍 You are my inspiration ☺️
@TheFlutterWay 2 жыл бұрын
I'm so glad!
@sithikr1193 2 жыл бұрын
Simply brilliant and beautiful ❤️
@TheFlutterWay 2 жыл бұрын
Many many thanks
@mamadoualioubarry4432 Жыл бұрын
That is awesome, thanks a lot
@mcardosodev Жыл бұрын
amazing content 🔥🔥
@ryanadamz6157 2 жыл бұрын
Hi this is great Do you consider making episode 2?
@kouassiangeyao6057 2 жыл бұрын
Great job. Cool broh
@Amankumar_Raone Жыл бұрын
U deserve a like👍
@omaraltinawi5041 2 жыл бұрын
Is there a video for project setup or a starter code?
@yoriichi28 Жыл бұрын
waiting for next videos
@wilfred05777 2 жыл бұрын
1:20 whats the vs extension being used here? Anyone knows what is the name of the VS Extension ? Wrap with Widget ?
@RenfausiIen Жыл бұрын
Awesome technical !
@TheFlutterWay Жыл бұрын
Thank you so much 💙
@prathmeshsadake1883 Жыл бұрын
Where do i get ecommerce uikit show in start of video?
@nnddev7463 2 жыл бұрын
Really interesting way to make videos
@TheFlutterWay 2 жыл бұрын
Glad you like them!
@valkiprasannakumar2387 Жыл бұрын
How your getting that dotted lines on the left of every code block
@hosseintasm4222 2 жыл бұрын
very good Bravo
@TheFlutterWay 2 жыл бұрын
Glad you like it!
@Zen049 11 ай бұрын
How you do this mockup and where?? I love it this video 🤩🤩
@abdo-ar-888 Жыл бұрын
can I know where did you make this intro mock ? + Thanks for the video
2 жыл бұрын
Dude u are amazing.
@TheFlutterWay 2 жыл бұрын
Thank you!
@user-bm4qb7gv8e Жыл бұрын
Flutter Tutorial for Beginners bit.ly/40avsxL
@Abhijeetkumar-yh8cy Жыл бұрын
I am not able to get that right click and add wrapper widgets, how to get that, anyone please help... Thanks!
@adarsh9051 2 жыл бұрын
from where you get this beautiful illustraion
@TheRemake1 11 ай бұрын
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?
@iigama_yt3016 Жыл бұрын
can you please tell how you make that intro
@jawwaadsabree5573 2 жыл бұрын
just wow
@1RRaider 2 жыл бұрын
Yaayy
@fuhovu2225 2 жыл бұрын
nice , ep2 pls
@TheFlutterWay 2 жыл бұрын
Coming soon!
@kwangchaywiriya1126 Жыл бұрын
@@TheFlutterWay ep2 pls
@ARETech Жыл бұрын
New onboarding ui design tutorial: kzfaq.info/get/bejne/oriSadapy7_TlIE.html
@shrit1401 2 жыл бұрын
what is the font?
@dhananjayasusanta8343 2 жыл бұрын
Great video! In 5:31 what is the function of ...List ?
@stephenmiichael 10 ай бұрын
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.
@Al-hammadproduction 7 ай бұрын
this tun only first time or run every time..?
@SADIQALOTMI 2 жыл бұрын
❤❤❤❤❤❤❤💕💕
@TheRRJShow 2 жыл бұрын
Hey which tool do you use to make such cool intros?
@TheFlutterWay 2 жыл бұрын
Rotato & After Effects, Check the description for link.
@savaliyadhruv6870 Жыл бұрын
hello sir can you teach how to make parking slot booking app??
@TheFlutterWay Жыл бұрын
Noted!
@ShinHD0309 2 жыл бұрын
I have a problem: Error: Not a constant expression. child: DotIndicator(isActive: index == _pageIndex), helpme bro !
@TheFlutterWay 2 жыл бұрын
Make sure define _pageIndex as int only, not a const
@usmanmushtaq1751 2 жыл бұрын
how can pass int if constructor u using bool
@bagaswidiyanto1 2 жыл бұрын
why doesn't this video start from the main.dart?
@TheFlutterWay 2 жыл бұрын
Try to make it short & to the point, thanks for feedback! From next video I will try to fixed it.
@1RRaider 2 жыл бұрын
I wish you did this with responsiveness 🥹🥺
HeyFlutter․com
Рет қаралды 72 М.
Sayuj Sujeev
Рет қаралды 13 М.
King Rittik
Рет қаралды 3,8 М.