如何创建一个循环来查看你在 Flutter 中滚动了多少？

Question

如何创建一个循环，使用ScrollPosition 显示以像素为单位的滚动量 假设用户在执行以下操作的屏幕上上下滚动，

假设视图为 10,000 像素

在屏幕的一半左右，回到顶部并进入大约 3/4 的视图。您可以使用ScrollPosition 创建一个循环以获取以像素为单位的总滚动距离，因此一个数字将显示为 5000+5000+7500 = 17500 像素。任何想法，将不胜感激。 代码：

body: TabBarView(
                children: [
                  
                  new ListView.separated(
                    separatorBuilder: (context, index) => Divider(),
                    itemCount: 10,
                    itemBuilder: (context, index) => ListTile(
                      leading: CircleAvatar(
                        backgroundImage: AssetImage("assets/images/avatar.jpg"),
                      ),
                      title: Text("List Index is $index"),
                    ),

                  ),
])

Answer 1

你可以创建一个状态

double totalScrolled = 0;

在您的小部件定义中并将您的 ListView 包装在 NotificationListener<ScrollUpdateNotification> 中

NotificationListener<ScrollUpdateNotification>(
  child: ListView(
  ),
  onNotification: (notif) { 
    totalScrolled +=notif.scrollDelta.abs();
 
  },
),

然后只需将scrollDelta 的绝对值添加到您的totalScrolled