fading_edge_scrollview

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

FadingEdgeScrollView 是一个 Flutter 包，通过在滚动视图的顶部和底部添加平滑的渐隐边缘来增强可滚动控件。当内容滚动时，它提供视觉上吸引人的效果，使用户更容易感知滚动方向和边界。非常适合列表、网格或任何需要细微视觉提示以提升用户体验的可滚动内容。该包支持所有主要平台，包括 Android、iOS、Web、macOS、Windows 和 Linux。

适合场景

通过视觉滚动提示增强列表可读性
在应用程序中创建优雅的滚动效果
在长滚动内容中提升用户体验
为自定义滚动视图添加精致的视觉效果
在具有垂直滚动的仪表板中使用

主要特点

平滑的渐变边缘效果
跨平台兼容性
轻松集成到现有的可滚动组件中
可自定义的淡入强度
支持垂直和水平滚动

适合对象

注重设计的 Flutter 开发者
需要精细滚动交互的应用
寻求视觉精致的UI/UX设计师
开发内容密集型界面的开发者
追求原生滚动视觉效果的项目

使用建议

在低端设备上可能需要性能调优
超出淡入效果之外的自定义选项有限
不适合高度动态的滚动内容
最好与一致的背景颜色配合使用
需要仔细的样式设置以避免视觉杂乱

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

Package providing FadingEdgeScrollView which allows you to build scrollable views with fading edges

Usage

Create FadingEdgeScrollView by calling one of constructors depending on your scroll view class. Unfortunately scrollable view don't share same interface so there are separate constructors for:

ScrollView (most scrollable views inherit from this class) FadingEdgeScrollView.fromScrollView
SingleChildScrollView FadingEdgeScrollView.fromSingleChildScrollView
PageView FadingEdgeScrollView.fromPageView
AnimatedList FadingEdgeScrollView.fromAnimatedList
ListWheelScrollView FadingEdgeScrollView.fromListWheelScrollView

View passed as child MUST have controller set.

See documentation and example folder for more information

Breaking change in version 4.0.0

Field shouldDisposeScrollController was removed. I was not realizing how widgets should work when I added it. If you were using it - move scrollController creation and disposal to some StatefulWidget.

Demo

Click to see on Youtube:

搜索插件、代码仓与 APP 分类