【问题标题】:Button with text + icon that changes into only icon when scrolling using Flutter带有文本 + 图标的按钮,在使用 Flutter 滚动时仅变为图标
【发布时间】:2021-01-11 02:04:59
【问题描述】:

Flutter 开发

我想创建一个按钮,就像 Gmail 的 Android 应用程序中可用的按钮一样。

这是一个扩展的浮动按钮,右侧有一个图标,右侧有一个标题/文本,当您向下滚动电子邮件列表时,该按钮会“缩小”为只有图标的传统浮动按钮。

如果有动画就好了。

【问题讨论】:

  • 第一次尝试可能是监听列表的ScrollController 上的变化,并在滚动值进入或离开某个范围时在两个按钮状态之间切换。

标签: flutter dart mobile widget


【解决方案1】:

这可以通过具有属性position 的滚动控制器来完成。只需将初始值与另一个进行比较。如果它们不同,请使用按钮执行操作。

【讨论】:

    猜你喜欢
    • 2023-02-10
    • 2021-12-07
    • 2016-09-03
    • 1970-01-01
    • 2014-05-22
    • 2021-07-11
    • 2020-08-30
    • 2018-09-01
    • 2019-10-27
    相关资源
    最近更新 更多