带有文本 + 图标的按钮，在使用 Flutter 滚动时变为仅图标

Question

Flutter Development

I wanted to create a button just like the one on available at Gmail's Android Application.

It's an Extended Floating button with an Icon to the right and a title/text to the right, and when you scroll down the list of emails the button "shrinks" into a traditional Floating Button with only the Icon.

It would be great to have the animation too.

Answer 1

This can be done with a Scrollcontroller which has a property position . Simply compare the initial value with another. If they are different, do something with the button.