我正在尝试找到向下滚动时隐藏floatingActionButton并在向上滚动时显示它的方法
先谢了
iklwldmw1#
1-将您的FloatingActionButton Package 在Visibility小部件中,这样您就可以根据布尔值切换FloatingActionButton的可见性
FloatingActionButton
Visibility
Visibility( visible: _isVisible, // boolean value that controls visibility child: FloatingActionButton( onPressed: () {}, child: Icon(Icons.add), ), );
2-然后创建一个ScrollController并将其附加到ListView上,这样就可以监听滚动位置的变化。
ScrollController
ListView
final ScrollController _scrollController = ScrollController(); //... ListView.builder( controller: _scrollController, //... );
3-在ScrollController上使用addListener方法侦听滚动位置的变化,并相应地更新FloatingActionButton的可见性。
addListener
_scrollController.addListener(() { if (_scrollController.offset > _scrollController.position.maxScrollExtent && _isVisible) { setState(() { _isVisible = false; }); } else if (_scrollController.offset <= _scrollController.position.minScrollExtent && !_isVisible) { setState(() { _isVisible = true;
ig9co6j12#
你可以用滚动控制器定制晶圆厂,下面的文章会详细解释。https://medium.com/@aakashpp/automatic-show-hide-fab-on-scroll-in-flutter-2c0abd94f3da
如果解决了您的问题,请接受解决方案
2条答案
按热度按时间iklwldmw1#
1-将您的
FloatingActionButton
Package 在Visibility
小部件中,这样您就可以根据布尔值切换FloatingActionButton
的可见性2-然后创建一个
ScrollController
并将其附加到ListView
上,这样就可以监听滚动位置的变化。3-在
ScrollController
上使用addListener
方法侦听滚动位置的变化,并相应地更新FloatingActionButton
的可见性。ig9co6j12#
你可以用滚动控制器定制晶圆厂,下面的文章会详细解释。
https://medium.com/@aakashpp/automatic-show-hide-fab-on-scroll-in-flutter-2c0abd94f3da
如果解决了您的问题,请接受解决方案