如何创建随页面在Flutter中滚动而移动的浮动小部件

Question

我想在ListView.builder中创建一个浮动小部件，它将像许多网站或其他应用程序一样遵循滚动位置。 我从未见过这样的小部件，也找不到。任何人都可以分享他的经验或对如何创建这种小部件提出一些好主意吗？

Answer 1

我建议您看看FloatingActionButton小部件。

您可以从官方文档中了解有关此小部件的更多信息：https://api.flutter.dev/flutter/material/FloatingActionButton-class.html

Answer 2

我为我的问题找到了两种解决方案。

首先，Flutter已经有了一个名为Button的小部件。您可以和他一起包装一些可滚动的小部件，例如：Scrollbar或ListView等。 它将为您提供一个简单的可拖动小部件，其垂直轴位于右侧。

这是一个示例：

GridView

但是您无法自定义此窗口小部件，例如Scrollbar( child: ListView.builder( itemCount: 50, itemBuilder: (context, index) => ListTile(title: Text("Item= ${index + 1}"),),), ) 或height，我发现了另一个自定义创建的窗口小部件，该窗口小部件也已添加到pub.dev中。包名称为draggable_scrollbar，这就是我需要的。滚动条和自定义控件有一些样式化的小部件，您可以根据需要自定义。