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

Question

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

Answer 1

我建议您看一下 FloatingActionButton 小部件。

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

Answer 2

我找到了几个解决问题的方法。

首先，Flutter 已经有了一个叫Scrollbar的widget。你可以用他包装一些可滚动的小部件，如：ListView 或 GridView 等。它将为您提供一个简单的可拖动小部件，右侧有垂直轴。

这是一个例子：

Scrollbar(
    child: ListView.builder(
      itemCount: 50,
      itemBuilder: (context, index) => ListTile(title: Text("Item= ${index + 1}"),),),
)

但是你不能自定义这个小部件，例如 height 或 width，我发现了另一个自定义创建的小部件，它被添加到 pub.dev also. The package name is draggable_scrollbar，这就是我的需要。有一些用于滚动条和自定义样式的小部件，您可以根据需要进行自定义。

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

How to create a floating widget that moves as the page scrolls in Flutter

flutter

flutter-animation