如何暗示颤振小部件是可滚动的？

Posted 2023-02-23

【中文标题】如何暗示颤振小部件是可滚动的？

【英文标题】：How to hint that a flutter widget is scrollable?

【发布时间】：2021-03-03 02:34:14

【问题描述】：

对于 Flutter SingleChildScrollView、ListView 和许多其他视图，初始显示的元素可能与包含的显示完全对齐，没有部分显示的小部件。在这种情况下，UI 不会向用户提供视图可滚动的任何线索，在可滚动内容上，用户可能看起来“完整”。

是否有 Flutter 模式来提供 UI 反馈以指示视图是可滚动的（如果滚动视图被完全查看并因此不可滚动，它可能不应该提供该提示）。

【参考方案1】：

您可以尝试使用Scrollbar 包装您的可滚动小部件

class Example extends StatelessWidget 
  @override
  Widget build(BuildContext context) 
    return Scrollbar(
      child: SingleChildScrollView(
        ....
      ),
    );
  

您可以使用isAlwaysShown 属性来确保指标始终处于活动状态。

默认情况下，它在 ios 和 android 上都是可拖动的。

【参考方案2】：

您可以使用滚动条小部件。

滚动条类

材料设计滚动条。

滚动条指示 Scrollable 小部件的哪个部分实际上是 可见。

动态更改为 iOS 样式的滚动条，看起来像 iOS 平台上的 CupertinoScrollbar。

要向 ScrollView 添加滚动条，只需包装滚动视图小部件 在滚动条小部件中。

您也可以使用 draggable_scrollbar 等包

可拖动的滚动条

可拖动的滚动条以快速浏览 垂直列表。另外它可以在滚动拇指旁边显示标签 有关当前项目的信息，例如创建图片的日期