As a native app developer since 2014 I'm having so much fun with Flutter. I get so much built in so little time versus native. A listview that takes an hour to implement perfectly now takes me 10 minutes in flutter. I can build a GOOD looking task/todo app in flutter including working database and API in maybe 30-60 minutes at most, which would take 4 hours natively(to look as good and perform as reliable). You tell me your stupid app idea on Friday, I can have a functional prototype by Monday. 😊 To anyone weighing up whether to pick up flutter or not. Trust me, dive into it. But not sure yet of I would recommend a complete mobile app developer newbie to start with it. I'm a traditionalist so I still say learn native first. I don't think I would be able to build as fast in flutter if I didn't know native design, SDK and framework.
Hey, @robbylebotha 🙂 It's great you started with native first. But starting from flutter in this techy world is absolutely a great choice these days btw thanks for sharing your experience
Truly man, you are a good teacher.. You teach to understand.. Please Kindly make tutorials on projects like how to build an Ecommerce app, Chat app, Mobile banking etc..
Thanks for this tutorial. Is there a chance to expand this tutorial with using the FormBuilder in connection with the stepper? I imagine I'm not the only one who wants to use FormBuilder in conjunction with the stepper, so I'm sure this would be very helpful for others too. Thanks a lot.
Hello thank you for this amazing tutorial, if you may do an additional video on how to add the informations gotten in textfield widget to display in a profile page. 😊
Hello, Christian Kyony! Follow this link: medium.com/geekculture/flutter-solving-the-overflow-problem-2fa968054d6, I hope it will solve your problem. Thank You 🙂
Thank You Farhan Ashari! Follow this link: stackoverflow.com/questions/52112206/handling-overflow-of-horizontal-stepper I hope you will get your answer 🙂
on controlsBuilder:(context, details) I return const SizedBox(); so buttons are removed. i put 2 buttons on Scaffold bottomNavigationBar and with setState change the current step. is there another way ? :)
Thank You @mehrtashsouri6862! Follow this link: medium.com/@diegoveloper/flutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac I hope you will get your answer 🙂
Thank You Ramsey Merdassi! Follow this link: stackoverflow.com/questions/71221683/flutter-how-do-i-change-the-buttons-on-the-last-step-in-the-stepper I hope you will get your answer 🙂
hey hi, I am working on a multipage form with 4 pages data and each page contains various details ranging from date, time, user details and user input data. all details are entered in textformfields and I am using controllers for each field, but in horizontal stepper format the data is lost while moving from one page to another, both to and fro. How to preserve data in each field of each page and fields are cleared only when the form is finally submitted. please give solution.
Saludos desde México es impresionante la forma en como realizas el desarrollo, es posible que en algún momento puedas ponerle subtítulos a tus cursos de tu pagina
Thank You Davide Falcone! Follow this link: medium.com/flutter-community/everything-you-need-to-know-about-flutter-page-route-transition-9ef5c1b32823 I hope you will get your answer 🙂
Thank You Ogbu Ezekiel!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
The Second one computes the children in runtime, which might be a cause of very low percentage extra effect on UI rebuilding. Because, it allocates dynamic and in the run time it checks what is the type of my widgets! On the other hand, First one is compiled type, which means no extra work for this at the runtime. Which removes the extra pressure on UI rebuilding at the runtime!
Thank You dhrub rawat! Follow this link: stackoverflow.com/questions/62145722/flutter-use-children-widget-or-children I hope you will get your answer 🙂
Do disappointed that this just seems like a trick to get you to go to github to sign you up for a mailing list and even then try to get you to pay for the source code. Dishonest.
Johannes Milke thank youuuu. your videos are aaaawsome and I love your accent ❤❤❤❤❤ dear viewers: If you have any errors in controlsBuilder use 👇👇👇👇 controlsBuilder: (BuildContext context,ControlsDetails details){ return Container( margin: EdgeInsets.only(top: 50), child: Row( children: [ Expanded(child: ElevatedButton( child: Text('NEXT'), onPressed: details.onStepContinue, )), SizedBox(width: 12,), Expanded(child: ElevatedButton( child: Text('CANCEL'), onPressed: details.onStepCancel, )) ], ), ); } instead : {onStepContinue, onStepCancel} 🤟🤟🤟🤟🤟
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/stepper_widget
Validate Forms Tutorial: ruclips.net/video/2rn3XbBijy4/видео.html
Create & Validate Forms With AutoComplete Tutorial: ruclips.net/video/FxO_zeCsdFg/видео.html
Change App Icon & App Name Tutorial: ruclips.net/video/eMHbgIgJyUQ/видео.html
Create Home Screen App Shortcuts Tutorial: ruclips.net/video/sqw-taR2_Ww/видео.html
WebView App Tutorial: ruclips.net/video/LyAwnwvbBKM/видео.html
Amazing Lottie Animations Tutorial: ruclips.net/video/kyPizhfn8k8/видео.html
Image Picker From Gallery & Camera Tutorial: ruclips.net/video/MSv38jO4EJk/видео.html
User Profile Page Tutorial: ruclips.net/video/gSl-MoykYYk/видео.html
Crop & Save Image Tutorial: ruclips.net/video/pXbBTJt7frM/видео.html
Upload File To Firebase Storage Tutorial: ruclips.net/video/dmZ9Tg9k13U/видео.html
Share Texts, Images, Files Tutorial: ruclips.net/video/-PmUFbbA-Fs/видео.html
Image Slider Tutorial: ruclips.net/video/JEMx2ax0734/видео.html
Take Screenshots Of Screen Tutorial: ruclips.net/video/rABnaF-Xk3E/видео.html
Download File From Firebase Storage Tutorial: ruclips.net/video/YA_fHCF_EYc/видео.html
Settings Page UI Tutorial: ruclips.net/video/pYQAhrY_SQA/видео.html
SVG Images Tutorial: ruclips.net/video/E3xVcQ0TAHg/видео.html
Set Screen Background Image Tutorial: ruclips.net/video/sDS4c1C-Fdg/видео.html
Cached Network Image Tutorial: ruclips.net/video/6wvD-Z-9ZRM/видео.html
Compress Video Tutorial: ruclips.net/video/JUeWeZXn71M/видео.html
Video Player Tutorial: ruclips.net/video/uz4xRnE-UIw/видео.html
Drop Files Into Dropzone Tutorial: ruclips.net/video/pZdJX3PAydQ/видео.html
I was just about to update the UI of my app with a stepper when I saw this notification. Beautiful timing I must say.
Ich bin mittlerweile ein echter Fan deines Kanals.
As a native app developer since 2014 I'm having so much fun with Flutter. I get so much built in so little time versus native. A listview that takes an hour to implement perfectly now takes me 10 minutes in flutter.
I can build a GOOD looking task/todo app in flutter including working database and API in maybe 30-60 minutes at most, which would take 4 hours natively(to look as good and perform as reliable).
You tell me your stupid app idea on Friday, I can have a functional prototype by Monday. 😊
To anyone weighing up whether to pick up flutter or not. Trust me, dive into it.
But not sure yet of I would recommend a complete mobile app developer newbie to start with it. I'm a traditionalist so I still say learn native first. I don't think I would be able to build as fast in flutter if I didn't know native design, SDK and framework.
Hey, @robbylebotha 🙂 It's great you started with native first. But starting from flutter in this techy world is absolutely a great choice these days btw thanks for sharing your experience
you are the Hero in Flutter
Truly man, you are a good teacher.. You teach to understand..
Please Kindly make tutorials on projects like how to build an Ecommerce app,
Chat app,
Mobile banking etc..
@@HeyFlutter 💕
Hurray 🤗, can't wait for the series to begin
Just awesome bro. We know new thing every day buy watching your video. Thanks a lot and obviously keep it up
Great video! Greatings from Peru.
Thank you such my brother.. learning more from you. Thank you for blessing us.. God Bless
Woaahh. Superb presentation! Thank you!
Great work johannes
Like always, amazing clear, information and step by step. you doing great.thanks for your videos.
just in time for my app, thank you
Wow wow it's really helped my code Thank you very much
**Successfully done**
Thank You man for your efforts and time, we appreciate your efforts.
Muchas gracias!
edited my question, after paying attention haha, thanks a lot!
Hey, brother! Amazing class! Thanks for shared
Absoutly u r genius sir thanku.
Great video as usual. 👍🏽
Awesome Tutorial.. Thank u so much
You’re most welcome, Imran Hossain! 🙂
Thanks big brother 🙏🏻🙏🏻
Thanks for this tutorial. Is there a chance to expand this tutorial with using the FormBuilder in connection with the stepper? I imagine I'm not the only one who wants to use FormBuilder in conjunction with the stepper, so I'm sure this would be very helpful for others too. Thanks a lot.
Thanks for the idea @DevProjectsJohannes 😀, i have added it in my list of future videos
Thank youuuu verrrrryyyy muuuuuchhhh ! you're a blesssing !!!!!
Hi , please what about validation on each step before moving to the next step
You are genius. Thank you 👍
amazing content, thank you sir
Thank you for the tutorial....its a great one indeed
Your videos are very helpful..Thank you for this awesome content🔥
Glad to hear that, Thank you DranzGaming! 😊
tnx bro i like it ur all videos
Thanks for your feedback, Aniket Kanade! 🙂
The best of the best , thanks alot for the useful and special content .
Great lesson keep going forward…
Awesome buddy
Glad you liked it, @ranjantechnocrat 😀
amazing content always....❤❤❤❤❤
sir make a video on better player package, no one has done video on it....thanks in advance....
Hello thank you for this amazing tutorial, if you may do an additional video on how to add the informations gotten in textfield widget to display in a profile page. 😊
Thanks for the idea E A 😀, i have added it in my list of future videos
hi man, nice tutorial, i tried checking out your code, but it seems have to pay for that?
Hi Johannes, when I create a horizontal Stepper with a lots of step, I get an overflow error. What should I do?
@@HeyFlutter Thank you for the link. And once again, keep up the good work!
Hello, Christian Kyony! Follow this link: medium.com/geekculture/flutter-solving-the-overflow-problem-2fa968054d6, I hope it will solve your problem. Thank You 🙂
Hi Christian. I get same problem. i reviewed the link but cant do anything. How did you solved it? Pls help
thank you for the tutorial, but i have some question. How can i hande an overflow in horizontal stepper? because i have many title in the stepper
Thank You Farhan Ashari! Follow this link: stackoverflow.com/questions/52112206/handling-overflow-of-horizontal-stepper
I hope you will get your answer 🙂
@@HeyFlutter i still don't understand how to fix it, can you explain this with a video tutorial? 😅
Dear johannes how can I fix the control buttons at the bottom and scroll content if the user wants to scroll?
on controlsBuilder:(context, details) I return const SizedBox(); so buttons are removed. i put 2 buttons on Scaffold bottomNavigationBar and with setState change the current step. is there another way ? :)
Thank You @mehrtashsouri6862! Follow this link: medium.com/@diegoveloper/flutter-lets-know-the-scrollcontroller-and-scrollnotification-652b2685a4ac
I hope you will get your answer 🙂
fantastic
Hey bro can you please make video on how to handle splash Screen and walkthrough screen and multiple screen in flutter please
Thank you, Ashfaque Ansari! Check out this video about splash screen : ruclips.net/video/8ME8Czqc-Oc/видео.html&ab_channel=JohannesMilke
thanks for this video but I did not see the stepper that shows in the caption video
@@HeyFlutter thanks for replaying, if I want see every step to be icon and text in a column or vertical shape
Nice tutorials, but is there a way to validate the steppers before moving to next?
@@HeyFlutter Thank you very much.
Thanks, Claude Daiga! 🙂 Learn more about validation here: ruclips.net/video/FxO_zeCsdFg/видео.html
If I want to keep the Next button on the 1st step in the original position how is this done?
Thank You Ramsey Merdassi! Follow this link: stackoverflow.com/questions/71221683/flutter-how-do-i-change-the-buttons-on-the-last-step-in-the-stepper
I hope you will get your answer 🙂
Awesome
what if i hide the continue button in the last part. How is it?
Hello
How i can change the icon step
Rather than numbers.. can i put my own icon?
@@HeyFlutter thanks alot
Can I validate fields ??
How to display account under 1, address under 2 like u shown in thumbnail image .
Thank You padmini lakshmanan! Follow this link: medium.flutterdevs.com/stepper-widget-in-flutter-37ce5b45575b
I hope you will get your answer 🙂
why you dont provide source code you just give us link but link dont has code
Flutter 2.5 released?
The texts are not under the indicator u cheated all. There is a difference between your thumbnail and your video
hey hi,
I am working on a multipage form with 4 pages data and each page contains various details ranging from date, time, user details and user input data. all details are entered in textformfields and I am using controllers for each field, but in horizontal stepper format the data is lost while moving from one page to another, both to and fro. How to preserve data in each field of each page and fields are cleared only when the form is finally submitted. please give solution.
Thank You Sandeep Karne! Follow this link: stackoverflow.com/questions/55513983/saving-data-in-flutter-pageview
I hope you will get your answer 🙂
Saludos desde México es impresionante la forma en como realizas el desarrollo, es posible que en algún momento puedas ponerle subtítulos a tus cursos de tu pagina
Is it possible to add a sliding horizontal effect without using routes?
Thank You Davide Falcone! Follow this link: medium.com/flutter-community/everything-you-need-to-know-about-flutter-page-route-transition-9ef5c1b32823
I hope you will get your answer 🙂
you deserve the 14$
Great, Thank you Merges Thomas!
Can you help me: how to put the title of the Step below the counter?
@@HeyFlutter I want the title to be below the number when the Steper is horizontal. thanks
Thank You Đào Tấn! Follow this link: medium.com/flutterdevs/stack-and-positioned-widget-in-flutter-3d1a7b30b09a
I hope you will get your answer 🙂
The horizontal stepper is broken, if you create more than 3 steps the steps overlaps and you cant scroll to the step you want
how u can fixed ? I've the
same problem hmm
I like your works but to have the source code is a long story :(
how to scroll because i have more then 3 Step()
Hey, Deepjyoti Baishya 🙂 stepper is auto scrollable
@@HeyFlutter no only contents are scrollable. Step() are not scrollable on my app. or i am not able to do this.
Source code isn't available for common man!
Thank You Ogbu Ezekiel!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
what is difference between ==> children: [] and children: [];
The Second one computes the children in runtime, which might be a cause of very low percentage extra effect on UI rebuilding. Because, it allocates dynamic and in the run time it checks what is the type of my widgets!
On the other hand, First one is compiled type, which means no extra work for this at the runtime. Which removes the extra pressure on UI rebuilding at the runtime!
Thank you.
Thank You dhrub rawat! Follow this link: stackoverflow.com/questions/62145722/flutter-use-children-widget-or-children
I hope you will get your answer 🙂
Do disappointed that this just seems like a trick to get you to go to github to sign you up for a mailing list and even then try to get you to pay for the source code. Dishonest.
Johannes Milke thank youuuu. your videos are aaaawsome and I love your accent ❤❤❤❤❤
dear viewers:
If you have any errors in controlsBuilder
use
👇👇👇👇
controlsBuilder: (BuildContext context,ControlsDetails details){
return Container(
margin: EdgeInsets.only(top: 50),
child: Row(
children: [
Expanded(child: ElevatedButton(
child: Text('NEXT'),
onPressed: details.onStepContinue,
)),
SizedBox(width: 12,),
Expanded(child: ElevatedButton(
child: Text('CANCEL'),
onPressed: details.onStepCancel,
))
],
),
);
}
instead :
{onStepContinue, onStepCancel}
🤟🤟🤟🤟🤟
You’re most welcome, abhishek perera! 🙂