Want to learn about animation: I've release a course. Take a look and get a discount for taking the time to read the comments :) fun-with-flutter.teachable.com/p/mastering-animation-in-flutter/?product_id=1679475&coupon_code=FUN Use the promo code: FUN for a discount.
@@jayashreegarments925 I'm in the process of making a course all about this stuff: You can check it out here for early access - fun-with-flutter.teachable.com/ use the coupon code EARLY to get a big discount.
Thank you so much for your great tutorial. Keep it up. You're awesome. Can you please guide me how to move from the last PageView to another widget (after users go through all Onboarding pages, they click on the last PageView's arrow to go to Home Screen). I'm trying to figure it out but no matter what i tried, i still stay on the same last PageView (page 4). Thank you
greate video - but gotta ask about "widget" variable You are using (i.e 11:12 )- I dont't see any import or initiazlization of it -what am I missing...?:S
Thanks! I'm using the widget. to access the member variables passed into the OnboardPage StatefullWidget. Here is a stack overflow post that has an example - stackoverflow.com/questions/50287995/passing-data-to-statefulwidget-and-accessing-it-in-its-state-in-flutter
Nice Tutorial. But, instead of using CustomPainter for Indicators, that can be easily achieved by using a custom Widget, Povider and map function inside onboarding page.
great tutorial, would love to see more. There is one small issue, page indicator on 3rd page does not show big dot and on page 4 it shows 3rd big dot, so I guess it skips 3rd page, also upon hotreload it suddenly shows but then the 4th page shows 3rd page indicator. thank you
Hey, thanks for the comment! Yeah, initially I wanted to do a cool page indicator, and then halfway through changed my mind. I mention in the video that the page indicator only functions in that particular use case and that it will be better to use a package. If you go to the pub store and search for page indicators you'll find a couple. If I have time, I might update this code base to have a better functioning indicator. Or maybe I'll try and make an interesting one and publish it as a package. Should I do that I will comment here!
Hmm, from the top of my head I would imagine that it would semi work out of the box, if the layout you give it is correct. I would need to take a look at the code again. If I have time I will definitely do that, maybe update this video to allow for different layouts and screen sizes - or make it into a package that can be used.
AnimationController has a method you can call - "reverse". There is also a method called "animateBack" - which animates back from the current animation position. I created this app to only allow forward page transitions, if you swipe back the animation won't trigger again because "controller.forward()" won't be called again as the page is cached in memory. It will only trigger on the second back swipe. That is because the animation controller is calling "forward" within the init function. If you would like to achieve a different affect I'd suggest taking a look at this package - pub.dev/packages/after_layout - you can override the "afterFirstLayout" method and call controller.forward here. It might work. Or it might be the same as init - not sure if it will be called again on page swipe back. If it doesn't work then you will need to call controller.forward based on the pageview controller. I'm just throwing ideas out
I just checked and it's complete. Or at least as complete as it is in the video :) On different screen sizes you might experience some overlays of the different components, I'm not doing checks/calculations for that. Also you won't be able to swipe as that is disabled, only allowing the next button to be pressed.
@@DotaJungleOfficial By default a PageView will allow swiping, I disabled it with the physics property, by passing in a a physics of NeverScrollableScrollPhysics(). So you can either not pass in any physics property or pass in a different one to enable swiping. Note that the animation won't trigger on a back swipe because the animation is setup to start in the initState method, which won't be called again for the previous page as it will still be loaded in memory. But swiping back twice will trigger the animation again because that page would have been cleaned by the garbage collector.
@@FunwithFlutter Thank you so much! I solve it. I have another issue: I made the function that manage if on boarding seen 1 time then show homepage. So, I have a little bug, If I open for the first time app and on boarding show, the viewpointer indicator (dots), start from 2nd dot and instead first. How is possibile?
@@DotaJungleOfficial hey, yeah I wouldn't trust that implementation of the page indicator, I made that for the very specific scenario where you one go through the onboarding once, without going back. I didn't extend on it because there already are packages that provide the exact same page indicator functionality on the PUB store. So take a look there and search for something called a page indicator, or page view indicator.
Want to learn about animation: I've release a course. Take a look and get a discount for taking the time to read the comments :)
fun-with-flutter.teachable.com/p/mastering-animation-in-flutter/?product_id=1679475&coupon_code=FUN
Use the promo code: FUN for a discount.
Very nice! I like your approach to explaining what you've done. Thanks for posting this and your other videos.
Great example, I will continue watching your videos of Flutter.
Worked Very Well for Me...Thanks For the explaination You opened up new ways and ideas for creation on flutter for me Thanks...
That's great to hear! Thanks for taking the time to leave a comment, always love getting responses.
@@FunwithFlutter Its All Ma Pleasure Keep It going I would Like To learn More Stuff Like This..
@@jayashreegarments925 I'm in the process of making a course all about this stuff: You can check it out here for early access - fun-with-flutter.teachable.com/ use the coupon code EARLY to get a big discount.
Very very nice example!
Awesome !!! It's really amazing, thank you !
Thanks for the code man!
Thank you so much for your great tutorial. Keep it up. You're awesome. Can you please guide me how to move from the last PageView to another widget (after users go through all Onboarding pages, they click on the last PageView's arrow to go to Home Screen). I'm trying to figure it out but no matter what i tried, i still stay on the same last PageView (page 4). Thank you
greate video - but gotta ask about "widget" variable You are using (i.e 11:12 )- I dont't see any import or initiazlization of it -what am I missing...?:S
Thanks! I'm using the widget. to access the member variables passed into the OnboardPage StatefullWidget. Here is a stack overflow post that has an example - stackoverflow.com/questions/50287995/passing-data-to-statefulwidget-and-accessing-it-in-its-state-in-flutter
hello great work, sorry but i have question how can i navigate to my home page when it reach last page ?
Nice Tutorial.
But, instead of using CustomPainter for Indicators, that can be easily achieved by using a custom Widget, Povider and map function inside onboarding page.
Jip, can definitely do that. Honestly, that indicator I made is a little buggy. There are also packages you can use that does the same.
You are good teacher!
great tutorial, would love to see more. There is one small issue, page indicator on 3rd page does not show big dot and on page 4 it shows 3rd big dot, so I guess it skips 3rd page, also upon hotreload it suddenly shows but then the 4th page shows 3rd page indicator. thank you
Hey, thanks for the comment! Yeah, initially I wanted to do a cool page indicator, and then halfway through changed my mind. I mention in the video that the page indicator only functions in that particular use case and that it will be better to use a package. If you go to the pub store and search for page indicators you'll find a couple. If I have time, I might update this code base to have a better functioning indicator. Or maybe I'll try and make an interesting one and publish it as a package. Should I do that I will comment here!
good job, could u please help, how to make the custom painter to paint the same as u did but horizontally ?
Hmm, from the top of my head I would imagine that it would semi work out of the box, if the layout you give it is correct. I would need to take a look at the code again. If I have time I will definitely do that, maybe update this video to allow for different layouts and screen sizes - or make it into a package that can be used.
@@FunwithFlutter that would be very good 👍
Can we reverse page animation when we scroll back???
AnimationController has a method you can call - "reverse". There is also a method called "animateBack" - which animates back from the current animation position. I created this app to only allow forward page transitions, if you swipe back the animation won't trigger again because "controller.forward()" won't be called again as the page is cached in memory. It will only trigger on the second back swipe. That is because the animation controller is calling "forward" within the init function. If you would like to achieve a different affect I'd suggest taking a look at this package - pub.dev/packages/after_layout - you can override the "afterFirstLayout" method and call controller.forward here. It might work. Or it might be the same as init - not sure if it will be called again on page swipe back. If it doesn't work then you will need to call controller.forward based on the pageview controller. I'm just throwing ideas out
why background sound? it's not needed.
It's only at the beginning and end of the video :) but to answer your question - because I like it and it makes the editing a bit more fun.
@@FunwithFlutter please! don't play background sound next time. listening background sound by headphone makes a lot of suffering on the ear.
The code is not complete on github
I just checked and it's complete. Or at least as complete as it is in the video :) On different screen sizes you might experience some overlays of the different components, I'm not doing checks/calculations for that. Also you won't be able to swipe as that is disabled, only allowing the next button to be pressed.
@@FunwithFlutter Hello, How I can able to go next page both swipe and next button instead just "next button"?
@@DotaJungleOfficial By default a PageView will allow swiping, I disabled it with the physics property, by passing in a a physics of NeverScrollableScrollPhysics(). So you can either not pass in any physics property or pass in a different one to enable swiping. Note that the animation won't trigger on a back swipe because the animation is setup to start in the initState method, which won't be called again for the previous page as it will still be loaded in memory. But swiping back twice will trigger the animation again because that page would have been cleaned by the garbage collector.
@@FunwithFlutter Thank you so much! I solve it. I have another issue: I made the function that manage if on boarding seen 1 time then show homepage. So, I have a little bug, If I open for the first time app and on boarding show, the viewpointer indicator (dots), start from 2nd dot and instead first. How is possibile?
@@DotaJungleOfficial hey, yeah I wouldn't trust that implementation of the page indicator, I made that for the very specific scenario where you one go through the onboarding once, without going back. I didn't extend on it because there already are packages that provide the exact same page indicator functionality on the PUB store. So take a look there and search for something called a page indicator, or page view indicator.
wow i like it
Wow