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

【问题标题】：How to hint that a flutter widget is scrollable?如何暗示颤振小部件是可滚动的？
【发布时间】：2021-03-03 02:34:14
【问题描述】：

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

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

【问题讨论】：

标签： flutter

【解决方案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 等包

可拖动的滚动条

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

【讨论】：