Flutter Tutorial - How To Show/Hide AppBar On Scroll | Collapsing Toolbar & Sliver App Bar

Flutter Tutorial - How To Show/Hide AppBar On Scroll | Collapsing Toolbar & Sliver App Bar

HeyFlutter․com

3 года назад

42,524 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

James
James - 13.11.2023 21:13

If I could subscribe twice, I would

Ответить
MrNixSam
MrNixSam - 03.11.2023 18:17

Really awesome video, thanks a lot!

Ответить
Namrata Somaiya
Namrata Somaiya - 01.11.2023 13:33

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?

Ответить
Koketso Mashego
Koketso Mashego - 28.10.2023 00:37

Works but there's a huge lag when scrolling.

Am I the only one experiencing the lag issue?

Ответить
Hafiz Touseef
Hafiz Touseef - 28.09.2023 11:30

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

Ответить
Dan Hemingway
Dan Hemingway - 14.07.2023 17:57

Hi great video thanks, is there a property to extend body behind appbar to acheive the same behaviour of appbar?

Ответить
fernando wanguemert
fernando wanguemert - 10.04.2023 12:28

Thank you, helped me a lot

Ответить
Георгий Чеботарёв
Георгий Чеботарёв - 07.04.2023 16:11

Unfortunately this way looks too complex( Too much unknown and weird wraps

Ответить
Alaa Sh
Alaa Sh - 26.09.2022 02:51

thanks a lot, your channel is such a great help.

Ответить
Micheal Gabriel
Micheal Gabriel - 10.09.2022 20:57

How can i achieve the exact opposite of the initial one

Ответить
Hesham Abuzaid
Hesham Abuzaid - 01.09.2022 17:32

thanks a lot i was very clear.

Ответить
Nishesh Jain
Nishesh Jain - 14.07.2022 08:53

Hi can we set dynamic collapsedHeight in SliverAppBar as per its content.

Ответить
Abhilash Watpade
Abhilash Watpade - 07.06.2022 10:41

Try using scrollcontrollors for each tab and under the Nested ScrollView. You'll know the pain 😂😂

Ответить
Mina Samir
Mina Samir - 25.05.2022 14:49

very good tutorial ... thanks

Ответить
Ronak Jain
Ronak Jain - 17.05.2022 22:39

u as ho o le why havent u shown the code properly

Ответить
Pooky Studio
Pooky Studio - 19.02.2022 22:52

Amazing content man, how can we hide TabBar rather than AppBar on scroll

Ответить
akhan hanif
akhan hanif - 27.12.2021 14:35

how to change the text when we scroll up or down in sliverappbar?

Ответить
Bilal Kadam
Bilal Kadam - 02.12.2021 15:16

Hi Johannes, thank you very much for your help.

Ответить
Programming with Thach
Programming with Thach - 17.11.2021 05:55

Thanks! You save me a lot of time

Ответить
mahafuz. afridi
mahafuz. afridi - 27.10.2021 13:05

Thank you for this nice video

Ответить
akash singh
akash singh - 03.10.2021 14:20

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.

Ответить
Zameer Khan
Zameer Khan - 15.09.2021 22:19

Thank you bro!

Ответить
Hamza Mihfad
Hamza Mihfad - 12.09.2021 17:48

thank you

Ответить
Hrithik Mishra
Hrithik Mishra - 26.08.2021 10:26

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

Ответить
Zmoke Vlogs
Zmoke Vlogs - 24.08.2021 19:58

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

Ответить
e.NONO
e.NONO - 21.08.2021 09:52

Very helpfull 👌

Ответить
Meet Amin
Meet Amin - 21.08.2021 05:17

You are always there for me.❤❤

Ответить
Vishal
Vishal - 02.08.2021 17:00

Are u also good at backend for flutter apps?

Ответить
Podbicanin
Podbicanin - 31.07.2021 20:34

Excuse me, can you explain how are there 2 body: parameters in the code under one Scaffold ?

Ответить
Heisenberg
Heisenberg - 31.07.2021 17:34

Wow i saw many videos complicating this feature and got confused but yours is great

Ответить
☸️ भवतु सब्ब मंगलम! सबका भला हो!
☸️ भवतु सब्ब मंगलम! सबका भला हो! - 31.07.2021 14:35

Please make a searies on story book app with online HTML editor 🔥🔥🔥

Ответить
Thomas Mabika
Thomas Mabika - 31.07.2021 13:10

do fastlane please...

Ответить
Amine LAHRIM
Amine LAHRIM - 31.07.2021 11:21

I hope you can find a solution about silver with tabs and after scroll in a list and go to other list and scroll to bottom then top you will find the first list lose their state even if you try to implement AutomaticKeepAliveClientMixin

Ответить
Rabbanah
Rabbanah - 31.07.2021 09:45

👍👍👍👍

Ответить
Bilal
Bilal - 31.07.2021 08:12

Beautiful. Thanks.

Ответить
Dharsmarkat
Dharsmarkat - 31.07.2021 07:09

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

Ответить
RaNa Tahir
RaNa Tahir - 31.07.2021 05:09

Great bro ..please also make when scroll text will set on appbar when scroll down text will set on lower left corner

Ответить
Excellence Michel
Excellence Michel - 31.07.2021 03:28

Wahou, amazing

Ответить