Тёмный

Flutter Tutorial - Onboarding Screen UI, Introduction Screen, Walkthrough [2022] 

HeyFlutter․com
Подписаться 200 тыс.
Просмотров 72 тыс.
50% 1

Наука

Опубликовано:

 

3 авг 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 137   
@HeyFlutter
@HeyFlutter Год назад
This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/onboarding_screen
@Khmernews-24
@Khmernews-24 Год назад
🥰
@mohamedzumry1198
@mohamedzumry1198 Год назад
Is this training free
@espressothoughts
@espressothoughts 2 года назад
You’re probably the most invaluable Flutter resource on RU-vid. I just want to say thank you for your dedication 👍
@atiqrehman-kj8vo
@atiqrehman-kj8vo 9 месяцев назад
Your voice is so calm bro, Thank you so much for teaching us in very humble and sweet voice.
@HeyFlutter
@HeyFlutter 9 месяцев назад
Glad to hear that, Thank you @atiqrehman-kj8vo! 😊
@ameurameurabdelkader3518
@ameurameurabdelkader3518 5 месяцев назад
always on the point with these helpful videos keep it up with the good word brotha, vielen dank love from algeria
@HeyFlutter
@HeyFlutter 5 месяцев назад
Thanks, @ameurameurabdelkader3518! 🙂
@freelancermunim-eq4wm
@freelancermunim-eq4wm 2 месяца назад
you are just best of the best of the best...could not figure out for days and now i am able to create this even with my eyes are closed...please keep making these videos.
@HeyFlutter
@HeyFlutter 2 месяца назад
Glad to hear that, Thank you @freelancermunim-eq4wm! 😊
@Pedro5antos_
@Pedro5antos_ 2 года назад
Everytime I'm looking for something more complex and done the right way I come to this channel! Thanks for sharing, Johannes!!
@derinasir
@derinasir 2 года назад
Clear, short and straight to the point. Bravo 👏
@Denniverse
@Denniverse 2 года назад
Thank you so much, this is way more customisable than all the normal packages with barely customisation options. I always struggled with complex designs on the introduction screen
@l.l.3609
@l.l.3609 2 года назад
Vielen Dank für deinen Content! Immer top auf den Punkt gebracht und super mit Pfeilen und Boxen illustriert! :D
@mystery9230
@mystery9230 2 года назад
Very clear and easy to understand. Thanks 👍
@jaredweinfurtner9976
@jaredweinfurtner9976 2 года назад
I love these UI/UX concept & implementation tutorials!
@ndukwevictory1663
@ndukwevictory1663 2 года назад
Your tutorials are simple. Thank you!
@ofeki4533
@ofeki4533 2 года назад
Great tutorial! Keep it up man!
@msolak48
@msolak48 2 года назад
First of all, thank you. You are really good educator. Making every problem simple 👏 I really enjoy your videos.
@adarshv8832
@adarshv8832 2 года назад
Super video!
@ap.webkiller
@ap.webkiller 2 года назад
Always Rocksss😎 You just made all the concept so easy to understand. Thank you so much.
@gunthernunes8466
@gunthernunes8466 2 года назад
Johannes, you're saving my life, thank you so much for the hard work
@noahthegreat190
@noahthegreat190 Год назад
bro youre fucking OP. Jesus christ i was having a midlife crisis just trying to think about how you could only show this page once but you covered everything. Thank you so much, you deserve the best!!!!
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @noahthegreat190 😀
@ram.64
@ram.64 2 года назад
Thank you. I like the format of your tutorials so much. Short and to the point.
@HeyFlutter
@HeyFlutter 2 года назад
Glad to hear that, Thank you ram64! 😊
@shahabbaloch699
@shahabbaloch699 2 года назад
Johannes Thanks for this amazing tutorial... Would love to watch your other awesome tutorial.
@localboss_app
@localboss_app 2 года назад
Dude this is amazing!
@miqbal3858
@miqbal3858 2 года назад
Very clear, on point, thx you 👌🏻
@shakthi1811
@shakthi1811 Год назад
always short and crisp with the matter! thanks a ton!
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you Shakthi! 😊
@HermanPalmgren
@HermanPalmgren 2 года назад
Thanks a lot, this was super helpful to me!
@hawarhekmat1174
@hawarhekmat1174 2 года назад
The best teacher 🙂
@batuhanozcan3910
@batuhanozcan3910 2 года назад
Its perfect feeling to see this publish when I exactly can not remember even the name of this widget and searching... Thanks a lot!
@goldenlife6166
@goldenlife6166 2 года назад
Cool works mahn
@computerprogrammer9279
@computerprogrammer9279 Год назад
great work Johannes Milke. Thanks a lot, make more videos like this
@HeyFlutter
@HeyFlutter Год назад
Great, thank you Computer Programmer! Sure I will do 👍🙂
@mortezabesharati7806
@mortezabesharati7806 2 года назад
Awesome & Perfect ❤️❤️❤️❤️❤️❤️❤️
@wykeless
@wykeless 2 года назад
Amazing!
@vinothkumarm9066
@vinothkumarm9066 2 года назад
Thanks for the video really helful
@WILFREDTSIKAH
@WILFREDTSIKAH 2 года назад
Watched one video and I am certainly going to buy your course, no matter on which platform it is hosted.
@natdiv9
@natdiv9 2 года назад
Very instruction.. Thanks!!
@OOO-CM-Ramesh
@OOO-CM-Ramesh Год назад
You are great man
@HeyFlutter
@HeyFlutter Год назад
Thanks, Ramesh! 🙂
@thirico
@thirico 8 месяцев назад
Very nice, thank you so much
@HeyFlutter
@HeyFlutter 8 месяцев назад
You’re most welcome, @thirico! 🙂
@mulualemmhretu
@mulualemmhretu Год назад
Thank you. You so flutter enthusiastic teacher. Great way of presentations .
@HeyFlutter
@HeyFlutter Год назад
Glad you liked it, @mulualemmhretu9619 😀
@thushankalana4940
@thushankalana4940 4 месяца назад
Great lesson ❤❤❤😊😊😊 Thank you so much Sir ❤️❤️❤️🙏🙏🙏
@HeyFlutter
@HeyFlutter 4 месяца назад
You’re most welcome, @thushankalana4940! 🙂
@elsamaniahmed2876
@elsamaniahmed2876 2 года назад
Thank u so much Teacher
@viyanmohmad4576
@viyanmohmad4576 Год назад
you are always the best
@HeyFlutter
@HeyFlutter Год назад
Thanks, @viyanmohmad4576! 🙂
@yomnaahmed4076
@yomnaahmed4076 2 года назад
Amazing , keep going
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, Yomna! 🙂
@happycoder72
@happycoder72 2 года назад
Amazing work thanks
@HeyFlutter
@HeyFlutter 2 года назад
Great, Thank You happy coder
@ekremdilber
@ekremdilber Год назад
You taught us one of the most important feature of mobile apps. Thank you.
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you Ekrem Dilber! 😊
@pankajshellcode
@pankajshellcode 2 года назад
love it very useful videos
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, pankaj shellcode! 🙂
@t-dz6271
@t-dz6271 Год назад
You are the best dev in flutter
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you T-DZ! 😊
@ahmedarif566
@ahmedarif566 11 месяцев назад
Thanks bro ....👍🏻⚔️
@HeyFlutter
@HeyFlutter 10 месяцев назад
You are welcome, @ahmedarif566 😊
@andreisas1621
@andreisas1621 2 года назад
Your account is a cheat code for upcoming Flutter developers.
@HeyFlutter
@HeyFlutter 2 года назад
Haha, so why not to use it and make things easier, Andrei Sas! 😜
@johnwellgroup
@johnwellgroup 2 года назад
I rarely leave comments but in this tutorial, if I don't leave a like and comment, then I cheated you. YOU ARE SO GOOD despite the fact that is was just in minutes you were able to clarify even single step, though you need to work on the areas you virtual device is covering on the code, aside that, you are the best
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you Oyetade Segun! 😊
@adilhesenov2962
@adilhesenov2962 Год назад
You are my mentor
@HeyFlutter
@HeyFlutter Год назад
Glad to hear that, Thank you @adilhesenov2962! 😊
@AT-Corporation
@AT-Corporation 2 года назад
Very good video, thanks a lot. Where did you get the illustrations from?
@raakibzargar966
@raakibzargar966 Год назад
Thanks
@HeyFlutter
@HeyFlutter Год назад
You are welcome, Raakib Zargar!
@karemzky
@karemzky 2 года назад
Thanks for the video , can you make a tutorial on register with phone number and confirmation code
@chungawunga9988
@chungawunga9988 Год назад
By far the best channel for Flutter stuff but getting access to your source code is nuts. I really gotta share your newsletter link to 7 people AND they have to subscribe just for access to your github source code for a month?
@peterbk364
@peterbk364 2 года назад
thank you so much for your effort...❤ What if the text size of phone is set to max... Will there be an overflow on the text in onboarding screen overflow???
@peterbk364
@peterbk364 2 года назад
@@HeyFlutter thankyou very much once again❤✅
@haroldpepete
@haroldpepete Год назад
you must change your name to flutter master, thanks, controllllla, you kill me with that pronuntiation
@HeyFlutter
@HeyFlutter Год назад
Thank you, haroldpepete! 🙂
@xsentialmart979
@xsentialmart979 Год назад
Hey Johannes! Thanks for this awesome video. Could you do a video incorporating the splash screen before the onboarding screen? It appears the splash screen is missing in this tutorial. Thanks!
@HeyFlutter
@HeyFlutter Год назад
Thanks, Xsential Mart! 🙂
@xsentialmart979
@xsentialmart979 Год назад
@@HeyFlutter ​ This video and the one before it were helpful in placing the splash screen before the onboarding. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-3_ZHakbpsTs.html
@sarathrkrishnan6610
@sarathrkrishnan6610 2 года назад
And also a real-time navigation using Google maps
@user-vq7du3in2x
@user-vq7du3in2x 2 года назад
How can I create some kind of what’s new page after a update to inform what’s new
@mdshahidali3132
@mdshahidali3132 2 года назад
Sir Please Create a Video About "VelocityX". Thanks you.
@kwakukusi4094
@kwakukusi4094 2 года назад
flutter god
@sarathrkrishnan6610
@sarathrkrishnan6610 2 года назад
Please create a video on firebase push notification without using flutter local notification package when app in foreground
@ASAS-zn9hp
@ASAS-zn9hp 2 года назад
you often publish topics, where I am currently working on. Funny. Question: what about the introduction_screen package? What are your thoughts?
@ASAS-zn9hp
@ASAS-zn9hp 2 года назад
@@HeyFlutter thanks, Johannes!
@ismetbayramoglu3684
@ismetbayramoglu3684 Год назад
Thanks for the video, any chance you share those images?
@HeyFlutter
@HeyFlutter Год назад
Thank You İsmet Bayramoğlu!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
@yasseralbrikeet2292
@yasseralbrikeet2292 2 года назад
Thank you for your very usefule and clear videos. I tried to access to the source codes and followed step one and when go top step 2 it shows 404 error??
@yasseralbrikeet2292
@yasseralbrikeet2292 2 года назад
Subscription is the only need to acess source code? or beaing a sponsor?
@luckyugwu
@luckyugwu 2 года назад
Good day, please I can't access your repository. How do I go about it?
@sarathrkrishnan6610
@sarathrkrishnan6610 2 года назад
❤️
@Khmernews-24
@Khmernews-24 Год назад
Can you explain how to customise the progress indicator in the next video because I haven't seen anyone show how to create it? Thanks 🙏
@HeyFlutter
@HeyFlutter Год назад
Thanks for the idea, Sengseyha HOEUNG! 🙂 I have added it to my list of ideas for future videos!
@firassfah
@firassfah 2 года назад
Thank you, can I make the pagview shows the pages without pressing the next button, I mean every 2 sec for explain goes to the next page automatically
@HeyFlutter
@HeyFlutter 2 года назад
Thank You Firas XD! Follow this link: stackoverflow.com/questions/56780188/how-to-automatically-scroll-a-pageview-with-some-delay-that-is-made-without-usin I hope you will get your answer 🙂
@firassfah
@firassfah 2 года назад
@@HeyFlutter thank you it worked perfectly
@user-tf9pt7yy7w
@user-tf9pt7yy7w 2 года назад
It it possible to change dot position to the left?
@HeyFlutter
@HeyFlutter 2 года назад
Ofcourse, 김킥! give it a try, play out with ui and Don't forget to share your progress😉
@fth_br
@fth_br Год назад
few things i dont understand. why smoothPageIndicator ist defined and which part should i put the packages in yaml file? under flutter? dependencies? or dev_dependencies?
@HeyFlutter
@HeyFlutter Год назад
Thank You f41th_b34r! Follow this link: docs.flutter.dev/development/packages-and-plugins/using-packages I hope you will get your answer 🙂
@svetak1115
@svetak1115 2 года назад
Super Video(s) die den Einstieg in Dart und Flutter definitiv erleichern! :) Allerdings scheint bei mir buildPage() nicht zu funktionieren bzw. es wird rot markiert, daher kann ich den Code leider nicht richtig ausprobieren :/
@svetak1115
@svetak1115 2 года назад
@@HeyFlutter I already found the error! It was a typo😅 but thanks😊
@xsentialmart979
@xsentialmart979 Год назад
Hello! I’ve been watching videos for over two year and have been so helpful. How can I contact you for a project? I checked you website for a contact form or an email but couldn’t find one. Please let know the easiest way for get in touch with you. Thanks!
@HeyFlutter
@HeyFlutter Год назад
Thank you, Xsential Mart The best way to reach me is via Twitter: twitter.com/JohannesMilke
@xsentialmart979
@xsentialmart979 Год назад
@@HeyFlutter I’ll be sending you a message shortly. Thanks!
@kickart7517
@kickart7517 2 года назад
how can i put button inside a build page? with different button directory each page hmmm
@kickart7517
@kickart7517 2 года назад
@@HeyFlutter i already discover how to put button through your other videos, man you're saving my team a lot haha, we're currently an intern in an project base company. thank you man, more power to you and your page 🙏🙏🙏
@faridahmadov5991
@faridahmadov5991 Год назад
Thank you very much.However, shared preference method does not work.
@HeyFlutter
@HeyFlutter Год назад
Thank you @faridahmadov5991, make sure to follow the tutorial step by step 🙂
@faridahmadov5991
@faridahmadov5991 Год назад
@@HeyFlutter Thank you
@yunismaruf
@yunismaruf 2 года назад
👏🙂
@krishnakukade
@krishnakukade Год назад
Thank you but In my case Get Started button is not working.
@HeyFlutter
@HeyFlutter Год назад
Thank you, KRISHNA! 🙂. Try to paste the error message with your question whenever you face any issue or error.
@frankjoz2803
@frankjoz2803 Год назад
0:25 You should display the whole screen. The final two letters are not displayed.
@HeyFlutter
@HeyFlutter Год назад
Thanks for your feedback, @frankjoz2803! 🙂
@restaurantrecipebyhafsa
@restaurantrecipebyhafsa 11 месяцев назад
What if my shared preferences always return true and show home page instead of onboarding
@HeyFlutter
@HeyFlutter 11 месяцев назад
Thank You @restaurantrecipebyhafsa! Follow this link: medium.flutterdevs.com/using-sharedpreferences-in-flutter-251755f07127 I hope you will get your answer 🙂
@ddditcher
@ddditcher Год назад
how can i get those cool recycle images ?
@HeyFlutter
@HeyFlutter Год назад
Hey, Ozan 🙂 you can try dribbble.com
@ddditcher
@ddditcher Год назад
@@HeyFlutter thank you
@TonyMalik7
@TonyMalik7 2 года назад
backend codes are hard to learn so i request you to make videos slow please bro
@TonyMalik7
@TonyMalik7 2 года назад
10 to 10 i am just learn flutter dart and backend concepts your all videos help me most in flutter learn
@TonyMalik7
@TonyMalik7 2 года назад
please make videos slow i can't see the code properly it's dificult to see pouse the video and find the next file
@purushottamkumar1117
@purushottamkumar1117 2 года назад
why can't you give source code?
@HeyFlutter
@HeyFlutter 2 года назад
Thank you, purushottam kumar! 🙂 you can access it by subscribing on github
@purushottamkumar1117
@purushottamkumar1117 2 года назад
@@HeyFlutter Thanks ,But you know that take too much time.
@mahdi-0123
@mahdi-0123 Месяц назад
the guide is so bad, half the code isn't explained and some lines are hidden with his bad editing skills. don't waste you time watching this and look for something better!
@HeyFlutter
@HeyFlutter Месяц назад
Thank you, @mahdi-0123! 🙂. We are sorry for that, but we always learn and try to improve ourselves, your kind suggestion will help in that regard. Let us know what should we improve in our videos? Your suggestion will be highly appreciated.
@walidkhan5337
@walidkhan5337 Год назад
Hello Johannes with humble request how to get access of your gethub code i really like your method the way you teach superb you are my isnpiration when i belong to a pakistan i dont have paypal account or my atm card is local it work only in pak when i enter bank card number it show invalid card please help me i really need your gethub code what should i do please help
@HeyFlutter
@HeyFlutter Год назад
Thank You walid khan!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
Далее
STOP designing onboarding screens!
4:26
Просмотров 44 тыс.
Good deed #standoff #meme
00:15
Просмотров 1,5 млн
Brawl Stars Animation: PAINT BRAWL STARTS NOW!
00:52
Бмв сгорела , это нормально?
01:01
TOP 12 ListView Widgets | Flutter Tutorial
19:28
Просмотров 33 тыс.
Flutter ClipPath (Bezier Curves)
2:00
Просмотров 43 тыс.
🖥📱RESPONSIVE DESIGN • Flutter Tutorial
8:03
Просмотров 276 тыс.
Introduction Screens | Onboarding Screens in Flutter
11:12
📱DOPE Introduction Screens • Flutter Tutorial ♡
12:08
Ever thought why We fail as Flutter Developer?
8:19
How to Create a Stunning Splash Screen in Flutter
9:31
Introduction Screen/Onboarding Screen UI In Flutter
10:13
I use Drag and Drop to build modern Python Apps
14:08
Опасная беспроводная зарядка
1:00
Проверил, как вам?
0:58
Просмотров 283 тыс.