flutter 向下滚动时隐藏浮动ActionButton,向上滚动时显示浮动ActionButton

mwg9r5ms  于 2023-01-18  发布在  Flutter
关注(0)|答案(2)|浏览(239)

我正在尝试找到向下滚动时隐藏floatingActionButton并在向上滚动时显示它的方法

    • 我正在使用getx**

先谢了

iklwldmw

iklwldmw1#

1-将您的FloatingActionButton Package 在Visibility小部件中,这样您就可以根据布尔值切换FloatingActionButton的可见性

Visibility(
  visible: _isVisible, // boolean value that controls visibility
  child: FloatingActionButton(
    onPressed: () {},
    child: Icon(Icons.add),
  ),
);

2-然后创建一个ScrollController并将其附加到ListView上,这样就可以监听滚动位置的变化。

final ScrollController _scrollController = ScrollController();
//...
ListView.builder(
    controller: _scrollController,
    //...
);

3-在ScrollController上使用addListener方法侦听滚动位置的变化,并相应地更新FloatingActionButton的可见性。

_scrollController.addListener(() {
  if (_scrollController.offset > _scrollController.position.maxScrollExtent && _isVisible) {
    setState(() {
      _isVisible = false;
    });
  } else if (_scrollController.offset <= _scrollController.position.minScrollExtent && !_isVisible) {
    setState(() {
      _isVisible = true;
ig9co6j1

ig9co6j12#

你可以用滚动控制器定制晶圆厂,下面的文章会详细解释。
https://medium.com/@aakashpp/automatic-show-hide-fab-on-scroll-in-flutter-2c0abd94f3da

如果解决了您的问题,请接受解决方案

相关问题