Flutter ScrollController removeListener
是一个方法，用于移除ScrollController的监听器。
在Flutter中，ScrollController是一个用于控制滚动行为的控制器类。它可以监听滚动位置的变化，并执行相应的操作。当我们不再需要监听滚动位置时，可以使用removeListener方法来移除监听器，以避免内存泄漏。
使用removeListener方法的步骤如下：
- 创建一个ScrollController对象：可以通过ScrollController类的构造函数来创建一个ScrollController对象，例如：
- 创建一个ScrollController对象：可以通过ScrollController类的构造函数来创建一个ScrollController对象，例如：
- 添加监听器：使用addListener方法来添加监听器，以便在滚动位置发生变化时执行相应的操作，例如：
- 添加监听器：使用addListener方法来添加监听器，以便在滚动位置发生变化时执行相应的操作，例如：
- 移除监听器：当不再需要监听滚动位置时，可以使用removeListener方法来移除监听器，例如：
- 移除监听器：当不再需要监听滚动位置时，可以使用removeListener方法来移除监听器，例如：
ScrollController的removeListener方法可以帮助我们在不需要监听滚动位置时及时释放资源，提高应用的性能和效率。
推荐的腾讯云相关产品：腾讯云移动应用分析（MTA）
- 产品介绍链接地址：https://cloud.tencent.com/product/mta
相关·内容
我正在尝试从早期的材料设计规范(对动画演示开放)中重现以下示例：
到目前为止，我能够产生滚动效果，但内容的重叠仍然缺失。我不知道如何正确地做这件事。
import 'package:flutter/material.dart';
class HomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: CustomScrollView(
slivers: <Widget&
浏览 1提问于2018-12-11得票数 6
我是新来的颤栗。我正在用SingleChildScrollView创建一个新页面。
我的问题是如何改变状态栏的颜色时，只有滚动活动？
我已经从中看到了这种效果，但是这个代码是针对sliver的。
每次滚动活动在一些偏移，状态条的颜色变化。
下面是我想要实现的例子：
这是我的基本代码：
import 'package:flutter/material.dart';
class HomeScreen extends StatefulWidget {
HomeScreen({Key key}) : super(key: key);
_HomeScreenState cre
浏览 5提问于2019-05-19得票数 0
回答已采纳
1回答
我已经将我真正的应用程序简化为下面的代码来显示问题。我基本上是想在另一个小部件上显示列表视图的滚动偏移量(真正的应用程序要复杂得多，小部件在这个小部件上做其他事情)。
我将把ViewController()作为main.dart中的脚手架的身体返回。在下面的ViewController中，我有一个包含ListView和Text的堆栈。我希望ListView的控制器使用ChangeNotifierProvider更新Text。因为某种原因不起作用。
我的ChangeNotifier是scrollProvider，它被声明为整个ViewController的一个变量，我将相同的scrollProv
浏览 5提问于2022-11-27得票数 0
回答已采纳
我的Flutter应用程序在离开具有控制ScrollController的ScrollController的页面时抛出异常(附加到多个滚动视图的NestedScrollView )，并且我不确定我做错了什么。
我已经用下面的一个简单示例重新创建了这个异常。我可以很好地从FirstPage导航到SecondPage (也可以选择返回)，但是当我从SecondPage导航到ThirdPage时，会抛出异常。SecondPage是包含我的自定义CollapsingAppBarPage小部件的页面，我认为这个小部件有问题。在本例中，CollapsingAppBarPage被简化了，但在我的实际应用中，
浏览 16提问于2018-12-18得票数 8
回答已采纳
1回答
我正在构建一个flutter应用程序的导航( Infinity Scroll )，从逻辑上讲(滚动更多数据)我成功地做到了这一点。
但是我现在面临一个很大的问题，那就是我正在DDOS攻击我的服务器:"S
当我向下滚动时，我每次向上和向下发送超过100个请求！
发生这种情况的原因是以下代码
final _scrollThreshold = 200;
void _onScroll() {
final maxScroll = _scrollController.position.maxScrollExtent;
final currentScroll = _scrollContro
浏览 0提问于2020-04-12得票数 1
我正面临同时滚动2 listViews的问题：
DefaultTabController(
length: 2,
child: NestedScrollView
(
headerSliverBuilder: (context, innerBoxIsScrolled)
{
return
[
SliverAppBar(
title: Text('HOME', style: Theme.of(co
浏览 4提问于2021-10-08得票数 0
回答已采纳
1回答
使用包在特定宽度的容器中的textfield构建有状态小部件。现在，当我在textfield中键入一个长文本时，视图会像您键入的那样向右滚动(按预期工作)。但是当我点击文本框之外的时候，我的textfield就没有焦点了。当我失去焦点时，如何以编程方式将textfield的视图重新设置到文本的开头？即将水平滚动移回起始位置？
下面是textField小部件
textContainer = Container(
width: MediaQuery.of(context).size.width * 0.68,
child: Focus(
child: TextField
浏览 9提问于2022-05-27得票数 1
回答已采纳
我有里面有SliverFixedExtentList和SliverList的CustomScrollView。我在SliverFixedExtentList的委托中放了一个PageView。问题是，在滚动到底部并打开一个详细信息页面并返回后，它给了我一个我不太理解的异常：
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter (25339): The following assertion was thrown while f
浏览 6提问于2018-10-19得票数 0
我使用Dio在滚动控制器中调用API，我期待1个http调用，但它无缘无故地调用了大约80次。 代码： int i=0;
@override
void initState() {
super.initState();
_scrollController.addListener(_scrollListener);
}
void _scrollListener() {
_scrollController.addListener(() async {
if (_scrollController.position.pixels ==
_scrol
浏览 18提问于2021-07-28得票数 2
回答已采纳
4回答
列表视图在ExpansionTile中不工作
我试图在listview.builder中显示ExpansionTile，但它会引发一些异常
Card(
child: ExpansionTile(
leading: Icon(
Icons.stars,
color: Colors.pinkAccent,
),
title: Text('Reviews',
style: Theme.of(context).tex
浏览 0提问于2019-01-11得票数 4
回答已采纳
我使用的是一个包含背景图片和标题的SliverAppBar。标题文本是白色的，我需要在AppBar上将颜色改为黑色是'reduced‘(因为选项卡栏也是白色的)。
如何做到这一点？
NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {;
return <Widget>[
SliverAppBar(
expandedHeight: 200.0,
浏览 1提问于2018-12-05得票数 14
回答已采纳
1回答
我试着用颤振来延迟加载输出。作为一个例子，我只能使用由flutter提供的生成数组来进行延迟加载。但是，在与Rest集成时，我无法获得相同的输出。如何在颤振中使用API执行延迟加载？
浏览 4提问于2020-06-23得票数 0
我正在使用包，并让它呈现一个大的动态列表。效果很好。然而，我需要我的列表有一个滚动条(类似于)。到目前为止这是不可能的。
有人知道怎么做吗？
我的代码如下：
Scrollbar(
child: ScrollablePositionedList.builder(
physics: const ClampingScrollPhysics(
parent: AlwaysScrollableScrollPhysics(),
),
itemCount: posts.length + 1
浏览 14提问于2022-08-15得票数 4
我对Flutter的ScrollController有问题。当我滚动ListView视图并到达列表末尾时，我希望得到通知(在i.e.中的调试控制台)。我认为我学到的东西不适用于flutter的新版本。你知道为什么吗？或者也许我在代码中的某个地方犯了错误？ 这是我所拥有的 class _ExploreScreenState extends State<ExploreScreen> {
final mockServer = MockFooderlichService();
late final ScrollController _scrollController;
浏览 39提问于2021-09-20得票数 0
1回答
我使用的是persistent_bottom_nav_bar：^5.0.2，以及在滚动聊天列表视图时如何隐藏底部导航条，并且当用户滚动起来时，它会重新出现。
浏览 8提问于2022-09-30得票数 1
我在滚动视图控制器中得到一个错误。下面是错误： flutter: 'package:flutter/src/widgets/scroll_controller.dart': Failed assertion: line 149 pos 12: '_positions.isNotEmpty': ScrollController not attached to any scroll views. 我使用了下面的代码，我希望由于这个原因，它正在生成： return ListView(
controller: _mealScrollController,
ch
浏览 150提问于2019-03-08得票数 2
1回答
如何将参数传递给其他屏幕，没有按钮的类？我想更新导航条，这样我就可以把它隐藏在滚动中了。
Home.dart
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:flutter2/screen/login.dart';
import 'package:flutter2/network_utils/api.dart';
import 'package:flutter2/widgets/navbar.dart';
浏览 0提问于2020-04-23得票数 0
回答已采纳
1回答
我正在尝试构建一个通用数据表。当用户滚动到数据表的底部时，我会添加bloc事件，以从firebase获取下一组数据。如果不泛化的话，这是很好的。问题是，我不知道如何传递类的类型，甚至不知道它是否可能。我需要' is‘函数来确保状态是显示的。
下面的代码运行良好，但不是泛型代码。
void scrollListener() {
if (scrollController.offset >= scrollController.position.maxScrollExtent &&
!scrollController.position.outOfRange
浏览 9提问于2022-10-26得票数 0
回答已采纳
我编写了一个函数，将SingleChildScrollView返回到顶部。我想在这个小部件外部的按钮上执行这个函数，我应该如何实现这个功能呢？
这是我目前的密码。
timeline.dart
import 'package:flutter/material.dart';
import 'package:social_app/functions/functions.dart';
class TimeLinePage extends StatelessWidget {
const TimeLinePage({Key? key}) : super(key
浏览 3提问于2022-04-05得票数 3
回答已采纳
2回答
在Flutter 1.22中，当你有一个材质滚动条时，它是不可拖动的，这意味着你不能使用它来拖动和更改滚动位置，在flutter 2.0中，这是改变的，默认情况下，你可以通过用手指拖动滚动条来更改滚动位置。由于我的应用程序设计，我希望滚动条是不可拖动的，并像1.22中那样通过其子项的点击测试。
我已经检查了Scrollbar的构造函数，但这似乎不再可能了……
的一个示例
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends Stateles
浏览 58提问于2021-03-12得票数 0
回答已采纳
我想知道我们必须在dispose of StatefulWidget上呼叫removeListener吗？那scrollController.dispose();呢？ dart/flutter是否足够智能，可以自动处理？ class Test extends StatefulWidget {
@override
_TestState createState() => _TestState();
}
class _TestState extends State<Test> {
final scrollController = ScrollController()
浏览 73提问于2021-01-04得票数 1
回答已采纳
我在使用animateToPage时出错
ScrollController附加到多个滚动视图。'package:flutter/src/widgets/scroll_controller.dart'：失败断言:第109行pos 12：'_positions.length == 1‘
我试着使用_pageController.hasClients，但它不起作用。
请看一下我的密码-
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyA
浏览 1提问于2021-04-18得票数 2
我有一个小问题，在我的标题中有时会显示一个1像素的条形，就像你在下图中看到的那样。
我的代码如下。第一个函数只是计算滚动，让用户有一个漂亮的动画。1个像素以蓝色包围。如果有人能解决这个问题，我将感到非常自豪。
import 'package:flutter/material.dart';
import 'package:flutter_share/flutter_share.dart';
class _CustomHeaderState extends State<CustomHeader> {
ScrollController _s
浏览 23提问于2021-03-12得票数 1
回答已采纳
我有一个有状态的小部件，孩子就是这样的。
final _scrollController = TrackingScrollController();
PageView(
controller: _pageController,
children: <Widget>[
_ListView(controller: _scrollController),
_ListView(controller: _scrollController),
_ListView(controller: _scrollController),
],
)
这似乎与这里显示的模
浏览 0提问于2018-09-05得票数 8
3回答
我试图通过使用ScrollController来使用延迟加载来显示客户的顺序。当然，新用户的订单数量很低，而且这些项目不足以占据整个屏幕。这样ScrollController就不能工作了。我能做什么？
这段代码将显示一个基本的延迟加载。您可以将_initialItemsLength更改为低值(如1)以查看此问题。你可以在试试这个
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
void main() => runApp(const MyApp
浏览 9提问于2022-06-23得票数 0
回答已采纳
3回答
我使用Listview.builder。它检测到多次滚动结束，这就是为什么API多次调用并在Listview中添加重复数据的原因。
代码：-
ListView.builder(
controller: _scrollController
..addListener(() async {
if (_scrollController
.position.pixels -
10 ==
_scrollController.position
.maxScrollExtent -
10 &&
浏览 12提问于2022-04-19得票数 0
回答已采纳
1回答
我可以在屏幕上呈现水平列表视图或垂直列表视图，但这两个视图都不能在列中成功呈现。这种布局在许多电子商务网站上很常见。其中，用户从水平列表中选择一个类型，并垂直显示电影列表。
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
import 'package:stackoverflow_pkg/stackoverflow_pkg.dart';
void main() {
runApp(const MyApp());
}
clas
浏览 9提问于2022-03-25得票数 1
回答已采纳
我想使用创建一个带有SliverAppBar的狭长列表视图，这样当我向上滚动列表时，正文中的图标就会缩小，出现在appBar的leading空间中。
这里的图片展示了我想要实现的东西。当我向上滚动时，图表应该向上移动并滑动到标题旁边。(类似于Hero小部件)
到目前为止，我尝试了SliverAppBar，但不能成功。我很乐意使用其他小工具来实现这一点。谢谢。
浏览 4提问于2020-03-23得票数 2
This帖子描述了一个非常类似的问题，但答案并不能解决所有问题： 我有一个可能很长的列表，用户可以在其中添加新项目(一次打开)。添加后/添加时，列表应滚动到末尾。 (顺便说一句，reverse: true不是一个选项) 在读完另一篇文章后，我明白了使用SchedulerBinding.instance.addPostFrameCallback((_) => scrollToEnd());应该b/c新列表maxScrollExtent将是正确的。 但它并不可靠:当滚动到列表的末尾或接近末尾时，一切都是正常的。但是在添加新项目时，当列表滚动到起始位置(或从末尾开始)时，列表会滚动，但滚动位
浏览 34提问于2019-08-25得票数 4
回答已采纳
`import 'package:flutter/material.dart';
import 'package:flutter/src/foundation/key.dart';
import 'package:flutter/src/widgets/framework.dart';
import 'package:flutter_bounce/flutter_bounce.dart';
import 'package:serviz/utils/colors.dart';
import 'package:
浏览 3提问于2022-09-05得票数 2
回答已采纳
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:sizer/sizer.dart';
class ProjectFloorPlan extends StatefulWidget {
ProjectFloorPlan(
{Key? key,
required this.selectedFloorPlan,
required this.onChang
浏览 10提问于2022-10-12得票数 0
这是一个简单的flutter应用的屏幕截图： ? 按下++/--按钮可在Container中添加/删除面板。容器的轮廓显示为蓝色阴影。现在，一旦容器变得离下边界太近，它的阴影就会在左右边界上被裁剪。 你有任何想法是什么造成的剪裁和如何避免它？ 代码如下所示： import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext co
浏览 50提问于2020-06-19得票数 2
回答已采纳
5回答
在颤动腹板中不显示滚动条。我的第二个尝试是：
Widget getSecondStep() {
return DraggableScrollbar.arrows(
controller: ScrollController(),
child: ListView(
shrinkWrap: true,
children: <Widget>[
Row(
mainAxisSize: MainAxisSize.mi
浏览 4提问于2020-02-27得票数 12
下面有示例代码。
class ExampleScroll extends StatefulWidget {
const ExampleScroll({Key? key}) : super(key: key);
@override
_ExampleScrollState createState() => _ExampleScrollState();
}
class _ExampleScrollState extends State<ExampleScroll> {
@override
Widget build(BuildContext context)
浏览 1提问于2022-01-24得票数 0
回答已采纳
我正在尝试访问浏览器的本机滚动条(请参阅此处右侧的内容)。通常情况下，如果一个小部件的内容超过了视口，那么就会抛出一个错误，比如：A RenderFlex overflowed by 445 pixels on the bottom.是否有一个设置或者某种东西可以告诉Flutter使特定的小部件可以滚动？如果我们使用滚动条小部件，它不是可拖动的，而且DraggableScrollbar小部件看起来非常奇怪，实现代码远远超出了我的薪资等级。我只想要我祖父母习惯的普通滚动条。
浏览 6提问于2020-08-03得票数 0
回答已采纳
我在列表视图上附加了一个ScrollController，但是当我滚动它时，它会抛出一个异常：
@override
initState() {
super.initState();
_mainCategoriesScrollController = ScrollController();
WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
_mainCategoriesScrollController
.addListener(_mainCatergoriesScro
浏览 0提问于2020-06-03得票数 3
回答已采纳
我正试图用谷歌地图在ScrollView的内部制作固定的FlexibleSpaceBar。
NestedScrollView有SliverAppBar和body内容。在SliverAppBar内部是谷歌地图小部件，应用程序栏占据了整个设备的视图。还有FloatingActionButton，它应该滚动到视图的底部，显示NestedScrollView的正文内容，并将地图移动到app栏，反之亦然。从技术上讲，如果有人想看看它是什么样子的话，就有一个代码：
@override
State<MapPage> createState() => MapPageState();
}
c
浏览 2提问于2019-06-11得票数 3
这是我的布局结构
这是主屏幕
ListView(
children: <Widget>[
_buildCarousel(),
_buildHomeTabBar(),
],
)
这是HomeTabBar屏幕
SingleChildScrollView(
child:
DefaultTabController(
length: myTabs.length,
initialIndex: 0,
child: Column(
children: [
TabBar(
浏览 0提问于2019-02-12得票数 37
我在GridView构建器中有一个ListView构建器，如下所示(完整的应用示例)：
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
浏览 13提问于2021-12-27得票数 0
回答已采纳
当我运行我的应用程序时，我遇到了这个错误。
Launching lib/main.dart on DAEGIL의 iPhone in debug mode...
Automatically signing iOS for device deployment using specified development team in Xcode project: T6ULPGT4J7
Xcode build done. 20.2s
Failed to build iOS app
浏览 7提问于2021-03-08得票数 4
2回答
我希望将我的ListView.seperated添加到列中，以便在加载更多项时，可以在此ListvView下面添加CircularProgressIndicator。我使用了来自的建议，使结构列->扩展了-> ListVie，但是我得到了错误，无法加载列表：
======== Exception caught by rendering library =====================================================
RenderBox was not laid out: RenderRepaintBoundary#e8fad NEEDS-L
浏览 0提问于2021-08-05得票数 0
回答已采纳
1回答
我刚开始学习Flutter。我还面临着一个很大的问题，那就是在复杂列表中的滚动效果很差。假设我们在ListView中有5种不同的项目类型，并且某些项目类型必须显示图像，并且它是无限滚动的。我读了很多关于Flutter的ListView的文章和帖子，我看到的所有东西都是带有文本的简单列表。如何制作流畅的卷轴？
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:english_words/english_words.dart';
void ma
浏览 0提问于2018-07-10得票数 1
1回答
我正在从当前屏幕导航，并在获取数据后返回到相同的屏幕。当窗口小部件树被重新渲染时，我得到以下错误。
════════ Exception caught by scheduler library ═════════════════════════════════════════════════════
ScrollController attached to multiple scroll views.
'package:flutter/src/widgets/scroll_controller.dart':
Failed assertion: line 113 pos 12:
浏览 0提问于2020-11-19得票数 0
1回答
我试图让我的聊天栏(文本字段，2个按钮和黑色栏后面的文本字段)上升与键盘时，它是订婚的。
我尝试了以下几点：
使用底部：MediaQuery.of(context).viewInsets.bottom包装堆栈和定位小部件中的所有元素，但是，如果我这样做，它将去掉2个按钮和黑条，并且在键盘打开时不会引发textfield。
使用底部：MediaQuery.of(context).viewInsets.bottom填充堆栈，这将导致与#1中相同的不良结果。
将堆栈包装在单个子滚动视图中的：如果我将堆栈包装在单屏幕滚动视图中，那么当键盘打开时它不会移动。
如果有人能引导我朝正确的方向前进，也许我把它
浏览 4提问于2020-11-19得票数 2
在我的flutter应用程序中，我尝试使用scrollController在listBuilder中滚动列表视图，但ScrollController无法正常工作。它不会显示错误或异常，但列表不会滚动。即使我使用滚动控制器jumpTo或animateTo，它也不能工作。即使我给出了最大值，比如animateTo和jumpTo中的20000和1000，它也不会滚动。
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
class Class extends
浏览 93提问于2021-06-04得票数 1
2回答
下面的代码给出了一个列表，其中包含了来自firebase的10个结果。在本例中，它只显示了10项，现在我想，当用户获得结果的底部时，它会加载更多的10项并将其添加到列表中。我已经有了scrollController，它可以工作..。当我得到结果的底部时，我会收到日志"LOAD HERE“。
我怀疑如何在列表中添加新的10个项目？
scrollListener() async {
if (scrollController.position.maxScrollExtent == scrollController.offset) {
print('LOAD HER
浏览 7提问于2021-02-18得票数 1
回答已采纳
我正在收听PageController来获取位置，然后将其与ListView同步。当操纵PageView时，同时操纵ListView。
示例：
然而，在v0.6.0之后，我得到了一个断言错误，即我的ScrollController没有附加到任何视图。每当有触发.jumpTo()方法的流事件时，都会触发此事件。它仍然有效，但断言错误快把我逼疯了。
[VERBOSE-2:shell.cc(181)] Dart Error: Unhandled exception:
'package:flutter/src/widgets/scroll_controller.dart': Faile
浏览 2提问于2018-09-12得票数 10
我想在flutter中记录元素在listview中的位置，并在此基础上更改一些要显示的信息，下面是使用listview的代码
ListView.separated(
scrollDirection: Axis.horizontal,
separatorBuilder: (context, index) =>
SizedBox(width: MediaQuery.of(context).size.width / 150),
itemCount: myList.length + 1,
itemBuilder: (context, index) =&
浏览 12提问于2020-07-30得票数 0
回答已采纳
拥有一个带有SliverAppBar和条目列表的TabBar，会导致滚动控制器发出抱怨。
我以以下方式实现了它:有一个NestedScrollView，它有一个SliverAppBar，一个SliverPersistentHeader，它包含TabBar，然后是NestedScrollView的主体，它在CustomScrollViews中包含有SliverLists的TabBarView。
滚动控制器似乎会引起问题。它说它附在一个以上的视图上。因此，我尝试在每个自定义滚动视图中添加一个新的滚动控制器，但这会阻止sliver应用程序条在滚动列表本身时崩溃。
除此之外，它在切换选项卡时也不记得滚
浏览 15提问于2022-01-20得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
