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

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024
  • НаукаНаука

Комментарии • 137

  • @HeyFlutter
    @HeyFlutter  Год назад +1

    This might help you :)
    👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
    Source Code: github.com/JohannesMilke/onboarding_screen

  • @espressothoughts
    @espressothoughts 2 года назад +33

    You’re probably the most invaluable Flutter resource on RUclips. I just want to say thank you for your dedication 👍

  • @atiqrehman-kj8vo
    @atiqrehman-kj8vo Год назад +1

    Your voice is so calm bro, Thank you so much for teaching us in very humble and sweet voice.

    • @HeyFlutter
      @HeyFlutter  Год назад +1

      Glad to hear that, Thank you @atiqrehman-kj8vo! 😊

  • @exotics444-s8h
    @exotics444-s8h 9 месяцев назад +1

    always on the point with these helpful videos keep it up with the good word brotha, vielen dank love from algeria

    • @HeyFlutter
      @HeyFlutter  9 месяцев назад

      Thanks, @ameurameurabdelkader3518! 🙂

  • @Pedro5antos_
    @Pedro5antos_ 2 года назад +2

    Everytime I'm looking for something more complex and done the right way I come to this channel!
    Thanks for sharing, Johannes!!

  • @Denniverse
    @Denniverse 2 года назад +6

    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

  • @freelancermunim-eq4wm
    @freelancermunim-eq4wm 6 месяцев назад

    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  6 месяцев назад

      Glad to hear that, Thank you @freelancermunim-eq4wm! 😊

  • @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!

  • @derinasir
    @derinasir 2 года назад +2

    Clear, short and straight to the point. Bravo 👏

  • @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! 😊

  • @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  2 года назад

      Glad to hear that, Thank you Oyetade Segun! 😊

  • @shakthi1811
    @shakthi1811 Год назад +2

    always short and crisp with the matter! thanks a ton!

    • @HeyFlutter
      @HeyFlutter  Год назад

      Glad to hear that, Thank you Shakthi! 😊

  • @mystery9230
    @mystery9230 2 года назад +3

    Very clear and easy to understand. Thanks 👍

  • @gunthernunes8466
    @gunthernunes8466 2 года назад

    Johannes, you're saving my life, thank you so much for the hard work

  • @WILFREDTSIKAH
    @WILFREDTSIKAH 2 года назад

    Watched one video and I am certainly going to buy your course, no matter on which platform it is hosted.

  • @l.l.3609
    @l.l.3609 2 года назад +1

    Vielen Dank für deinen Content! Immer top auf den Punkt gebracht und super mit Pfeilen und Boxen illustriert! :D

  • @msolak48
    @msolak48 2 года назад

    First of all, thank you. You are really good educator. Making every problem simple 👏 I really enjoy your videos.

  • @jaredweinfurtner9976
    @jaredweinfurtner9976 2 года назад

    I love these UI/UX concept & implementation tutorials!

  • @t-dz6271
    @t-dz6271 2 года назад

    You are the best dev in flutter

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Glad to hear that, Thank you T-DZ! 😊

  • @mulualemmhretu
    @mulualemmhretu Год назад

    Thank you. You so flutter enthusiastic teacher. Great way of presentations .

    • @HeyFlutter
      @HeyFlutter  Год назад +1

      Glad you liked it, @mulualemmhretu9619 😀

  • @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.

  • @thushankalana4940
    @thushankalana4940 8 месяцев назад

    Great lesson ❤❤❤😊😊😊 Thank you so much Sir ❤️❤️❤️🙏🙏🙏

    • @HeyFlutter
      @HeyFlutter  8 месяцев назад +1

      You’re most welcome, @thushankalana4940! 🙂

  • @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 👍🙂

  • @adarshv8832
    @adarshv8832 2 года назад +1

    Super video!

  • @ap.webkiller
    @ap.webkiller 2 года назад

    Always Rocksss😎 You just made all the concept so easy to understand. Thank you so much.

  • @ndukwevictory1663
    @ndukwevictory1663 2 года назад

    Your tutorials are simple. Thank you!

  • @hawarhekmat1174
    @hawarhekmat1174 2 года назад

    The best teacher 🙂

  • @chungawunga9988
    @chungawunga9988 2 года назад

    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?

  • @ofeki4533
    @ofeki4533 2 года назад

    Great tutorial! Keep it up man!

  • @localboss_app
    @localboss_app 2 года назад

    Dude this is amazing!

  • @andreisas1621
    @andreisas1621 2 года назад +1

    Your account is a cheat code for upcoming Flutter developers.

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Haha, so why not to use it and make things easier, Andrei Sas! 😜

  • @miqbal3858
    @miqbal3858 2 года назад

    Very clear, on point, thx you 👌🏻

  • @HermanPalmgren
    @HermanPalmgren 2 года назад

    Thanks a lot, this was super helpful to me!

  • @mortezabesharati7806
    @mortezabesharati7806 2 года назад

    Awesome & Perfect ❤️❤️❤️❤️❤️❤️❤️

  • @thirico
    @thirico 11 месяцев назад

    Very nice, thank you so much

    • @HeyFlutter
      @HeyFlutter  11 месяцев назад +1

      You’re most welcome, @thirico! 🙂

  • @viyanmohmad4576
    @viyanmohmad4576 Год назад

    you are always the best

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thanks, @viyanmohmad4576! 🙂

  • @vinothkumarm9066
    @vinothkumarm9066 2 года назад

    Thanks for the video really helful

  • @goldenlife6166
    @goldenlife6166 2 года назад

    Cool works mahn

  • @OOO-CM-Ramesh
    @OOO-CM-Ramesh 2 года назад

    You are great man

  • @natdiv9
    @natdiv9 2 года назад

    Very instruction..
    Thanks!!

  • @elsamaniahmed2876
    @elsamaniahmed2876 2 года назад

    Thank u so much Teacher

  • @happycoder72
    @happycoder72 2 года назад

    Amazing work thanks

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Great, Thank You happy coder

  • @yomnaahmed4076
    @yomnaahmed4076 2 года назад

    Amazing , keep going

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank you, Yomna! 🙂

  • @adilhesenov2962
    @adilhesenov2962 Год назад

    You are my mentor

    • @HeyFlutter
      @HeyFlutter  Год назад

      Glad to hear that, Thank you @adilhesenov2962! 😊

  • @wykeless
    @wykeless 2 года назад

    Amazing!

  • @AT-Corporation
    @AT-Corporation 2 года назад +1

    Very good video, thanks a lot. Where did you get the illustrations from?

  • @karemzky
    @karemzky 2 года назад

    Thanks for the video , can you make a tutorial on register with phone number and confirmation code

  • @pankajshellcode
    @pankajshellcode 2 года назад

    love it very useful videos

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank you, pankaj shellcode! 🙂

  • @ahmedarif566
    @ahmedarif566 Год назад

    Thanks bro ....👍🏻⚔️

    • @HeyFlutter
      @HeyFlutter  Год назад

      You are welcome, @ahmedarif566 😊

  • @raakibzargar966
    @raakibzargar966 2 года назад

    Thanks

    • @HeyFlutter
      @HeyFlutter  2 года назад

      You are welcome, Raakib Zargar!

  • @xsentialmart979
    @xsentialmart979 2 года назад

    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  2 года назад

      Thanks, Xsential Mart! 🙂

    • @xsentialmart979
      @xsentialmart979 2 года назад

      @@HeyFlutter ​ This video and the one before it were helpful in placing the splash screen before the onboarding. ruclips.net/video/3_ZHakbpsTs/видео.html

  • @haroldpepete
    @haroldpepete 2 года назад

    you must change your name to flutter master, thanks, controllllla, you kill me with that pronuntiation

    • @HeyFlutter
      @HeyFlutter  2 года назад

      Thank you, haroldpepete! 🙂

  • @mdshahidali3132
    @mdshahidali3132 2 года назад

    Sir Please Create a Video About "VelocityX". Thanks you.

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 года назад

    And also a real-time navigation using Google maps

  • @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!

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 года назад

    Please create a video on firebase push notification without using flutter local notification package when app in foreground

  • @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❤✅

  • @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

  • @luckyugwu
    @luckyugwu 2 года назад

    Good day, please I can't access your repository. How do I go about it?

  • @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!

  • @kwakukusi4094
    @kwakukusi4094 2 года назад

    flutter god

  • @xsentialmart979
    @xsentialmart979 2 года назад

    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  2 года назад

      Thank you, Xsential Mart The best way to reach me is via Twitter: twitter.com/JohannesMilke

    • @xsentialmart979
      @xsentialmart979 2 года назад

      @@HeyFlutter I’ll be sending you a message shortly. Thanks!

  • @user-vq7du3in2x
    @user-vq7du3in2x 2 года назад

    How can I create some kind of what’s new page after a update to inform what’s new

  • @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 🙂

  • @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?

  • @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 года назад +1

      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

  • @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😊

  • @faridahmadov5991
    @faridahmadov5991 2 года назад

    Thank you very much.However, shared preference method does not work.

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Thank you @faridahmadov5991, make sure to follow the tutorial step by step 🙂

    • @faridahmadov5991
      @faridahmadov5991 2 года назад

      @@HeyFlutter Thank you

  • @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.

  • @KiTO키토
    @KiTO키토 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😉

  • @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

  • @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 🙏🙏🙏

  • @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

  • @restaurantrecipebyhafsa
    @restaurantrecipebyhafsa Год назад

    What if my shared preferences always return true and show home page instead of onboarding

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thank You @restaurantrecipebyhafsa! Follow this link: medium.flutterdevs.com/using-sharedpreferences-in-flutter-251755f07127
      I hope you will get your answer 🙂

  • @frankjoz2803
    @frankjoz2803 Год назад

    0:25 You should display the whole screen. The final two letters are not displayed.

    • @HeyFlutter
      @HeyFlutter  Год назад

      Thanks for your feedback, @frankjoz2803! 🙂

  • @ddditcher
    @ddditcher 2 года назад

    how can i get those cool recycle images ?

    • @HeyFlutter
      @HeyFlutter  2 года назад +1

      Hey, Ozan 🙂 you can try dribbble.com

    • @ddditcher
      @ddditcher 2 года назад

      @@HeyFlutter thank you

  • @sarathrkrishnan6610
    @sarathrkrishnan6610 2 года назад

    ❤️

  • @yunismaruf
    @yunismaruf 2 года назад

    👏🙂

  • @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 4 месяца назад

    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  4 месяца назад

      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