This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/hide_appbar_example Hide/Show AppBar & Floating Action Button On Scroll Tutorial: kzitem.info/news/bejne/u6lpqmqsrGmZYKA Hide Bottom On Scroll Tutorial: kzitem.info/news/bejne/0aiVraNvgmNqhnY Deep Dive SliverAppBar Tutorial: kzitem.info/news/bejne/1JVpx59jbadlZno Show/Hide StatusBar Tutorial: kzitem.info/news/bejne/1XyGp2WIbaynhpw Slivers & Sticky Headers Tutorial: kzitem.info/news/bejne/soyuymSBmGllg5g Scroll To Top & End In ListView Tutorial: kzitem.info/news/bejne/uY2czZOaa6aQe6A AppBar & Transparent AppBar Tutorial: kzitem.info/news/bejne/o3epznqBg6KleZw Bottom Navigation Bar Tutorial: kzitem.info/news/bejne/2aWB14WgjHaLaWU Animated Bottom Navigation Bar Tutorial: kzitem.info/news/bejne/mmuGq3iCsXd2p5w Page Transition Animation Tutorial: kzitem.info/news/bejne/wIhpq5OXqJhnbJg Hidden Drawer UI Tutorial: kzitem.info/news/bejne/15Bt3JiDqJ1qa5w Draggable Bottom Sheet Tutorial: kzitem.info/news/bejne/oqB3t5uig32UlWk Scrollable Sheet Tutorial: kzitem.info/news/bejne/266aqH2tk2aZgW0 Animated List Tutorial: kzitem.info/news/bejne/pmmJt4OnjqNpgJw Navigation Drawer Tutorial: kzitem.info/news/bejne/1alv1GZnaqBpjYo Fix Bottom Overflowed By Pixels Tutorial: kzitem.info/news/bejne/16V3uKOMj5F2d34 Expansion Tile Tutorial: kzitem.info/news/bejne/s5uLx5ONrGp2po4 Create Invoice PDF Tutorial: kzitem.info/news/bejne/25Vr3p-efp2UaI4
@viveks.
7 ай бұрын
Thank you so much buddy! I was looking for this for long time
@HeyFlutter
7 ай бұрын
Glad you liked it, @viveks. 😀
@bilalkadam
2 жыл бұрын
Hi Johannes, thank you very much for your help.
@meetamin7343
3 жыл бұрын
You are always there for me.❤❤
@MrNixSam
11 ай бұрын
Really awesome video, thanks a lot!
@HeyFlutter
11 ай бұрын
You are welcome, @MrNixSam 😊
@fernandowanguemert428
Жыл бұрын
Thank you, helped me a lot
@HeyFlutter
Жыл бұрын
You’re most welcome, fernando wanguemert! 🙂
@James-cs3vc
11 ай бұрын
If I could subscribe twice, I would
@HeyFlutter
11 ай бұрын
Glad to hear that, Thank you @James-cs3vc! 😊
@mahafuz.afridi4858
3 жыл бұрын
Thank you for this nice video
@danhemingway5780
Жыл бұрын
Hi great video thanks, is there a property to extend body behind appbar to acheive the same behaviour of appbar?
@HeyFlutter
Жыл бұрын
Hey 😊, @danhemingway5780! Check out this solution: stackoverflow.com/a/59534454 I hope this may help you
@danhemingway5780
Жыл бұрын
@@HeyFlutter Thanks :)
@alaash7099
2 жыл бұрын
thanks a lot, your channel is such a great help.
@HeyFlutter
2 жыл бұрын
You’re most welcome, Alaa Sh! 🙂
@heisenberg5873
3 жыл бұрын
Wow i saw many videos complicating this feature and got confused but yours is great
@heisenberg5873
3 жыл бұрын
@@HeyFlutter Can you explain colour palette generator in a video asap
@jadeengineer
2 жыл бұрын
Thanks! You save me a lot of time
@podbicanin660
3 жыл бұрын
Excuse me, can you explain how are there 2 body: parameters in the code under one Scaffold ?
@HeyFlutter
2 жыл бұрын
Thank you, Podbicanin! 🙂 one body parameter is in side Scaffold widget and other in inside NestedScrollView. There are two body parameters but their scope is different
@dfhygdrnd
3 жыл бұрын
Beautiful. Thanks.
@ranatr
3 жыл бұрын
Great bro ..please also make when scroll text will set on appbar when scroll down text will set on lower left corner
@HeyFlutter
2 жыл бұрын
Thanks, RaNa Tahir! 🙂 Learn more about it in my SliverAppBar deep dive tutorial here: kzitem.info/news/bejne/1JVpx59jbadlZno
@hafiztouseef6184
Жыл бұрын
Hi Johannes, I am implementing pagination on list with conbination of this feature but when I reach end It needs to slighltly up and scroll down then it detect scrollController value
@HeyFlutter
Жыл бұрын
Thank You @hafiztouseef6184! Follow this link: stackoverflow.com/questions/71454597/pagination-scroll-top-in-flutter I hope you will get your answer 🙂
@heshamabuzaid4293
2 жыл бұрын
thanks a lot i was very clear.
@HeyFlutter
2 жыл бұрын
You’re most welcome, Hesham Abuzaid! 🙂
@zk__27
3 жыл бұрын
Thank you bro!
@zk__27
3 жыл бұрын
@@HeyFlutter you’re welcome bro!
@hrithikmishra1093
3 жыл бұрын
Hi Johannes, I tried combining the logic you used in your previous video where you explained how to hide bottom navigation bar on scroll, and this one. The Sliver App Bar is not hiding somehow
@HeyFlutter
2 жыл бұрын
Hello, Hrithik Mishra! Follow this link: stackoverflow.com/questions/65097772/flexiblespace-in-sliverappbar-is-not-hiding-its-contents-when-i-scroll-up, I hope it will solve your problem. Thank You 🙂
@pookystudio6702
2 жыл бұрын
Amazing content man, how can we hide TabBar rather than AppBar on scroll
@EVA_Hamza
3 жыл бұрын
thank you
@eNONO-ot4zh
3 жыл бұрын
Very helpfull 👌
@Vishal-iu5le
3 жыл бұрын
Are u also good at backend for flutter apps?
@Vishal-iu5le
3 жыл бұрын
@@HeyFlutter could we discuss something
@Vishal-iu5le
3 жыл бұрын
@@HeyFlutter i have texted u on twitter
@excellencemichel4875
3 жыл бұрын
Wahou, amazing
@nisheshjain2922
2 жыл бұрын
Hi can we set dynamic collapsedHeight in SliverAppBar as per its content.
@HeyFlutter
2 жыл бұрын
Thank You Nishesh Jain! Follow this link: stackoverflow.com/questions/49268040/is-there-a-way-to-achieve-a-dynamic-height-in-bottom-widget-of-sliverappbar I hope you will get your answer 🙂
@RajeshZmoke
3 жыл бұрын
how to use "scroll_to_index" package (for jumping/animating to an item) and NestedScrollView together, when the controller from the package is used the app bar animation of the nestedscrollview doesnt work
@HeyFlutter
2 жыл бұрын
Thank You Zmoke Vlogs! Follow this link: medium.com/flutterworld/flutter-how-to-scroll-to-a-specific-position-in-listview-9ff9333ed4e I hope you will get your answer 🙂
@NamrataSomaiya
11 ай бұрын
Hi, The client has come up with the Functionality like: We don't need display Search Bar in the Tab Bar or anywhere but when user scrolls, we need to display the search bar Can you please help me how we can make it possible?
@HeyFlutter
11 ай бұрын
Thank You @user-gp2me2ig1w! Follow this link: stackoverflow.com/questions/62896400/creating-a-search-in-appbar-that-turns-into-an-icon-when-scrolling-down-in-flutt I hope you will get your answer 🙂
@dharsmarkat3864
3 жыл бұрын
Make a flutter social networking app with node js and make tutorial on node js too. As firebase is too costly. Please consider this brother
@heisenberg5873
3 жыл бұрын
I need it too
@akashsingh5060
3 жыл бұрын
How can i show the fab button as soon as user stop scrolling(up/down) and hide when it scrolling either up and down. Thanks.
@akashsingh5060
3 жыл бұрын
Thanks for the reply but i think you don't get my question i actually wanted to show/hide the floating action button only when user scrolling the list but not when no scrolling happen, i also watch your other video on this matter but that also doesn't help me.
@mathseconshelp
Ай бұрын
Cool
@HeyFlutter
Ай бұрын
Thank you, @mathseconshelp! 🙂
@anoopmoji8768
3 жыл бұрын
Please make a searies on story book app with online HTML editor 🔥🔥🔥
@SamuelePuteho
2 ай бұрын
What if you want the tabbar to disappear when scrolling but the title emain
@HeyFlutter
2 ай бұрын
Thank You @user-xk7gr6kx8d! Follow this link: stackoverflow.com/questions/56365534/hide-the-tabbar-like-a-sliverappbar I hope you will get your answer 🙂
@abhilashwatpade5039
2 жыл бұрын
Try using scrollcontrollors for each tab and under the Nested ScrollView. You'll know the pain 😂😂
@akhanhanif2255
2 жыл бұрын
how to change the text when we scroll up or down in sliverappbar?
@akhanhanif2255
2 жыл бұрын
Thank you 💖 2ndly what about the texts . . how can we change our text after collapsing and expanding?
@HeyFlutter
2 жыл бұрын
Thank You akhan hanif! Follow this link: medium.com/@diegoveloper/flutter-collapsing-toolbar-sliver-app-bar-14b858e87abe I hope you will get your answer 🙂
@michealgabriel1437
2 жыл бұрын
How can i achieve the exact opposite of the initial one
@HeyFlutter
2 жыл бұрын
Hey, Micheal Gabriel 🙂 Can you please share more about what are you asking ?
@michealgabriel1437
2 жыл бұрын
Yea... At the start of the video... I want to achieve the reversed of the app bar functionality. So instead of scrolling down to hide the app bar, I wanna scroll down to show the app bar and scroll up to hide
@RabbanahMalayalam
3 жыл бұрын
👍👍👍👍
@thomasmabika7291
3 жыл бұрын
do fastlane please...
@koketsomashego8075
11 ай бұрын
Works but there's a huge lag when scrolling. Am I the only one experiencing the lag issue?
@HeyFlutter
11 ай бұрын
Hey, @koketsomashego8075 🙂 It may feel little slow in debug mode. Have your tried by installing non-debug apk
@koketsomashego8075
11 ай бұрын
@@HeyFlutter hi there, yes I tried release mode. So basically when the scroll switches from silver app bar to the other sliver scroll items, I can notice the lag.
@ГеоргийЧеботарёв-к3и
Жыл бұрын
Unfortunately this way looks too complex( Too much unknown and weird wraps
@HeyFlutter
Жыл бұрын
Hey, @user-xx1ex9hb6l 🙂 There can be multiple solutions to this problem. If you are finding it hard, give it a shot and come up with some easy solution
Пікірлер: 74