PageView引发“_Positions.isNotEmpty”：ScrollController未附加到任何滚动视图

是一个常见的错误，它通常在使用PageView组件时出现。这个错误的原因是ScrollController没有正确地附加到PageView的滚动视图上。

PageView是一个用于显示多个页面的组件，它可以水平或垂直滚动。为了实现滚动功能，PageView需要一个ScrollController来控制滚动行为。当ScrollController未正确附加到PageView时，就会触发这个错误。

要解决这个问题，我们需要确保ScrollController正确地附加到PageView的滚动视图上。以下是一些可能的解决方法：

在PageView组件中添加controller属性，并将其值设置为一个新的ScrollController实例。例如：

PageView(
  controller: ScrollController(),
  // 其他属性
)

如果你已经有一个ScrollController实例，可以将其赋值给PageView的controller属性。例如：

ScrollController _scrollController = ScrollController();

PageView(
  controller: _scrollController,
  // 其他属性
)

确保ScrollController只附加到一个PageView组件上。如果你在多个PageView组件中使用了同一个ScrollController实例，可能会导致这个错误。

总结一下，当出现PageView引发“_Positions.isNotEmpty”：ScrollController未附加到任何滚动视图的错误时，我们需要检查并确保ScrollController正确地附加到PageView的滚动视图上。这样可以解决这个错误并正常使用PageView组件。

腾讯云相关产品和产品介绍链接地址：

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能：https://cloud.tencent.com/product/ai
腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
腾讯云移动开发：https://cloud.tencent.com/product/mobile
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse

相关·内容

Flutter 滚动监听及实战appBar滚动渐变的实现

ScrollController介绍 ScrollController 介绍一下ScrollController常用的属性和方法： offset：可滚动组件当前的滚动位置。...一个 ScrollController 对象可能会被多个可滚动的组件使用， ScrollController 会为每一个滚动组件创建一个 ScrollPosition 对象来存储位置信息。...ScrollPosition get position { assert(_positions.isNotEmpty, 'ScrollController not attached to any scroll...控制原理 ScrollController还有其他比较重要的三个方法： 1、createScrollPosition：当ScrollController和可滚动组件关联时，可滚动组件首先会调ScrollController...createScrollPosition方法之后，接着会调用attach方法来将创建号的ScrollPosition信息添加到positions属性中，这一步称为“注册位置”，只有注册后animateTo

2.8K2 0

《Flutter》-- 6.高级组件

如果一个可滚动组件支持Sliver，那么该可滚动组件可以将子组件分成多个Sliver，只有当Sliver出现在视图窗口时才会去构建它，从而提高渲染的性能。...组件如果需要监听可滚动组件的滚动过程，可以使用ScrollController组件来进行监听。...：视图窗口内部长度，大小等于屏幕显示的列表长度； extentAfter：列表中未滑入视图窗口部分的长度； atEdge：是否滚动到了可滚动组件的边界。...PageView的构造函数： 1）PageView()：默认构造函数，创建一个可滚动列表，适合子组件比较少的场景； PageView({ Key key, this.scrollDirection...()：创建一个滚动列表，适合子组件比较多的场景，需要指定子组件的数量； 3）PageView.custom()：创建一个可滚动的列表，需要自定义子项。

10.6K2 0

Flutter 首页必用组件NestedScrollView的示例详解

可以在其内部嵌套其他滚动视图的滚动视图，其滚动位置是固有链接的。...内部的任何列表都不会相互作用与外部ScrollView。...controller为滚动控制器，可以监听滚到的位置，设置滚动的位置等，用法如下： _scrollController = ScrollController(); //监听滚动位置 _scrollController.addListener...((){ print('${_scrollController.position}'); }); //滚动到指定位置 _scrollController.animateTo(20.0)...; CustomScrollView( controller: _scrollController, ... ) physics表示可滚动组件的物理滚动特性，具体查看ScrollPhysics

4K4 0

Flutter 首页必用组件NestedScrollView

NestedScrollView 可以在其内部嵌套其他滚动视图的组件，其滚动位置是固有链接的。...内部的任何列表都不会相互作用与外部ScrollView。...controller为滚动控制器，可以监听滚到的位置，设置滚动的位置等，用法如下： _scrollController = ScrollController(); //监听滚动位置 _scrollController.addListener...((){ print('${_scrollController.position}'); }); //滚动到指定位置 _scrollController.animateTo...(20.0); CustomScrollView( controller: _scrollController, ... ) physics表示可滚动组件的物理滚动特性，系统提供的ScrollPhysics

4.2K1 0

Flutter开发实战分析-animation_demo瞎复写总结

简单的分析一下上下滚动，并且自定义动画效果。嗯。上一遍文章的CustomScrollView 左右滚动，切换页面。嗯。PageView。 PageView可以让像是一页一页滑动。...所以，我们需要添加一个bottom，让它，增加到我们想要的最后高度。...一个是当滚动到中间位置后，就不能左右切换了。监听将NotificationListener包裹在pageView之外，就可以监听PageView的滚动事件了。 //省略代码......，当滚动的距离得到一般之后，就将PageView的physics改为NeverScrollableScrollPhysics。...下一遍文章，我们先介绍一个Flutter中整体的视图树,然后回顾一下我们遇到过的组件。

2.5K3 0

Flutter可滑动组件

如果我们想要在一个页面中，同时包含多个可滚动组件，且使它们的滑动效果能统一起来，比如一个滑动的视图中包括一个列表视图（ListView），一个网格视图（GridView），且让他们的滑动效果统一。...4.滚动事件监听 4.1 滚动事件监听介绍对于滚动的视图，我们经常需要监听它的一些滚动事件，在监听到滚动事件时执行对应的操作。...比如视图滚动到底部时，我们可能希望做上拉加载更多；比如滚动到一定位置时显示一个回到顶部的按钮，点击回到顶部的按钮，回到顶部；比如监听滚动什么时候开始，什么时候结束；在Flutter中监听滚动相关的内容由两部分组成...ListView、GridView的组件控制器是ScrollController，我们可以通过它来获取视图的滚动信息，并且可以调用里面的方法来更新视图的滚动位置。...ScrollController可以通过initialScrollOffset设置初始位置，也可以监听到滚动的位置，但无法监听到开始滚动与结束滚动的事件。

7.2K3 0

那些初学者实践 Flutter 最常出现的错误

典型错误三：ScrollController 里薛定谔的 position 在获取ScrollController的position、offset，或者调用jumpTo()等方法时，常出现StateError...控制ListView滚动到开头： final ScrollController _primaryScrollController = ScrollController(); // 回到开头 void...ScrollPosition>[]; double get offset => position.pixels; ScrollPosition get position { assert(_positions.isNotEmpty...ˊ_>ˋ 还是要回到 ScrollController 的源码里找找。 class ScrollController extends ChangeNotifier { // ......Model m = Model.fromJson(json); 原因分析 jsonDecode()这个方法转换出来的map的泛型是Map，意为 value 可能是任何类型

3K2 1

Flutter完整开发实战详解(二、快速开发实战篇)

目前笔者是通过 Scaffold + Appbar + Tabbar + PageView 来组合实现效果，从而解决上述问题。...class _GSYPullLoadWidgetState extends State { ///··· final ScrollController _scrollController...= new ScrollController(); @override void initState() { ///增加滑动监听 _scrollController.addListener...(() { ///判断当前滑动位置是不是到达底部，触发加载更多回调 if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent...下拉刷新触发，返回的是一个Future onRefresh: onRefresh, child: new ListView.builder( ///保持ListView任何情况都能滚动

5K3 0

用AutoLayout实现分页滚动

容器视图添加N个页视图，对于水平分页滚动来说容器视图的高度和滚动视图一样，而宽度则是滚动视图的宽度乘以页视图的数量，页视图的尺寸则和滚动视图保持一致，对于垂直分页滚动来说容器视图的宽度和滚动视图一样，而高度则是滚动视图的高度乘以页视图的数量...//每页的高度约束是滚动视图 [pageView.heightAnchor constraintEqualToAnchor:scrollView.heightAnchor].active...:pageView]; } //关键的一步，如果需要左右滚动则将容器视图中的最右部子视图这里是B的右边边界依赖于容器视图的右边边界。...addSubview:pageView]; //因为线性布局通过属性gravity的设置就可以确定子页视图的高度和宽度，再加上线性布局的特性，所以页视图不需要设置任何附加的约束...，主要是对充当容器视图的流式布局设置一些属性即可，不需要为条目设置任何约束，而且还支持横竖屏下每页的不同数量的展示能力。

1.9K4 0

Flutter完整开发实战详解(二、快速开发实战篇)

5.2K1 0

Flutter开发实战分析-animation_demo解析导读

target-20180816161307.gif 同时上下选中的状态同步可以看到无论是上面的PageView还是下面的PageView需要做到状态同步。...ScrollerController 可以滚动的部件，基本都有一个ScrollController来控制和查询滑动的状态。监听的滑动事件过程中，我们可以通过它来完成两个类的状态同步。...PageView的外层来监听当前pageView的滚动事件.png 处理Notification监听事件就是监听事件，然后触发ValueNotifier的监听事件，和使用controller...PageView 因为上下都是PageView,当单页内的动画在初始状态和结束状态（中间）中间。是不能切换PageView的。当高度小于时，才能切换。监听滑动的距离 ?...final ScrollPhysics physics = _scrollController.position.pixels >= midScrollOffset ?

2.5K3 0

干货 | Flutter在携程复杂业务的高性能之旅

有时候Widget树的构建很简单，但是GPU线程的渲染却很耗时，就要考虑是否过度渲染，缺少组件缓存，涉及到Widget的裁剪、蒙层这类多视图叠加的渲染。...(() { ///根据滚动距离来设置顶部titleBar的透明度 if (_scrollController.offset > scrollHeight && tabViewModel.titleAlpha...尽量复用，避免不必要的视图创建。List 缓存高层级组件。...2.7 RepaintBinary隔离对于一些经常需要变动渲染的组件，比如Swiper、PageView、Lottie等，可以使用RepaintBoundary进行隔离。...这样就不会影响到UI主线程滚动页面的操作，可以提升页面的流畅性。

1.5K2 0

【Flutter 专题】图解 ListView 下拉刷新与上拉加载 (二)

和尚在测试过程中每次滑动一下列表都会调用一次接口，因为在监听过程中若不做任何处理只要列表滑动便会进行监听，和尚的解决的方式有两种；监听滑动到底部再进行业务操作调用接口，如问题一中的判断； bool dataNotification...return true; } 尝试使用 TrackingScrollController，对滑动进行监听，这个类可用于同步两个或更多个共享单个 TrackingScrollController 的惰性创建的滚动视图的滚动偏移...它跟踪最近更新的滚动位置，并将其报告为其初始滚动偏移量。且在非底部时 maxScrollExtent 和 offset 值会相等。使用该类监听时更灵活，有些操作并非到底部才会进行处理等。...> _scrollController.offset && _scrollController.mostRecentlyUpdatedPosition.maxScrollExtent...- _scrollController.offset <= 50) { loadData(); } } return true; }

1K2 1

Flutter 入门指北之快速搭建界面(含Flutter知识体系)

也就是类型和你传入的值有关 this.onSelected, // 选中 item 的回调函数，返回 T value，例如选中 `s` 则返回 s this.onCanceled, // 未选择任何...的显示 if (_tabController.indexIsChanging) { // PageView 的切换通过 controller 进行滚动 //...duration 表示切换滚动的时长，curve 表示滚动动画的样式， // flutter 已经在 Curves 中定义许多样式，可以自行切换查看效果 _pageController.animateToPage...index) => Tab(text: _abs[index], icon: Icon(Icons.android)))), ), // 通过 body 来展示内容，body 可以传入任何...drawer: Drawer( // 记得要先添加 `SafeArea` 防止视图顶到状态栏下面 child: SafeArea( child:

1.7K2 0

Flutter技术与实战(4)

ScrollController与ScrollNotification ScrollController 在某些情况下，我们希望获取视图的滚动信息，并进行相应的控制。比如，列表是否已经滑到底（顶）了？...对于前两个问题，我们可以使用 ScrollController 进行滚动信息的监听，以及相应的滚动控制；而最后一个问题，则需要接收 ScrollNotification 通知进行滚动事件的获取。...ListView 的组件控制器则是 ScrollControler，我们可以通过它来获取视图的滚动信息，更新视图的滚动位置。...一般而言，获取视图的滚动信息往往是为了进行界面的状态控制，因此 ScrollController 的初始化、监听及销毁需要与 StatefulWidget 的状态保持同步。...initState() { _controller = ScrollController(); _controller.addListener(() {//为控制器注册滚动监听方法

10.8K2 0

已中招！Android 基础面试常常吊死在这几个问题上……

这可能导致异常（类型为java.lang.IllegalArgumentException：如果使用例如findViewById在Activity中检索视图，则视图未附加到Window manager）...一种简单的方法是只创建100个视图，每行一个视图，然后将它们全部布局。但这是浪费的，因为在任何时间点上，只有10个左右的项目可以放在屏幕上，而其余项目则不在屏幕上。...因此， RecyclerView 只创建屏幕上的10个左右的视图。这样，速度和内存使用率将提高10倍。但是，当开始滚动并需要开始显示下一个视图时会发生什么？...创建视图需要花费时间，因此您的滚动很可能不会很流畅。这就是为什么 RecyclerView 会利用以下事实：滚动时，新行出现在屏幕上，而旧行消失在屏幕上。...RecyclerView 在滚动时回收并重用单元格。 LayoutManager：在 ListView 中，唯一可用的视图类型是垂直ListView。

2K2 0

ViewPager 详解（一）—基本入门

前言：这两天研究研究ViewPager滚动功能，现在很多的app都有用到这个功能，我们的大虾米也有这个模块。...从效果图中也可以看到，我们的三个视图都非常简单，里面没有任何的控件，大家当然可以往里添加各种控件，但这里是个DEMO，只详解原理即可，所以我这里仅仅用背景来区别不用layout布局。...view1); viewList.add(view2); viewList.add(view3); 初始化过程难度不大，就是将资源与变量联系起来布局，最后将实例化的view1,view2,view3添加到...viewList中 3、PageAdapter——PageView的适配器适配器这个东东想必大家都不莫生，在ListView中也有适配器，listView通过重写GetView（）函数来获取当前要加载的...viewList.get(position)); return viewList.get(position); } }; instantiateItem()：做了两件事，第一：将当前视图添加到

3621 0

Android中文API——ScrollView

如果onTouchEvent()返回true时，你不会收到onInterceptTouchEvent()的任何事件并且所有对触摸的处理必须在onTouchEvent()中发生。 3....如果返回true，将不会收到以下任何事件：目标view将收到同样的事件但是会伴随ACTION_CANCEL，并且所有的更进一步的事件将会传递到你自己的onTouchEvent()方法中而不会再在这里出现...public void setSmoothScrollingEnabled (boolean smoothScrollingEnabled) 用来设置箭头滚动是否可以引发视图滚动。...缺省的偏移是在当前视图滚动的偏移。返回值滚动条的滑块垂直方向的偏移。...如果只是添加到视图，调用时显示的是旧值0。（译者注：也就是添加到视图时，oldw和oldh返回的是0）。

4.6K3 0

android studio logcat技巧

当应用程序引发异常时，Logcat 会显示一条消息，后跟包含该代码行链接的关联堆栈跟踪。 Logcat 窗口入门要查看应用程序的日志消息，请执行以下操作。...从菜单栏中选择“视图”>“工具窗口”>“Logcat”。默认情况下，Logcat 滚动到末尾。单击 Logcat 视图或使用鼠标滚轮向上滚动可关闭此功能。...要重新打开它，请从工具栏中单击滚动到末尾。您还可以使用工具栏清除、暂停或重新启动 Logcat。...从这里，您可以选择 Logcat 循环缓冲区大小、新 Logcat 窗口的默认过滤器，以及是否要将历史过滤器添加到自动完成。...is:stacktrace 匹配代表任何看起来像 Java 堆栈跟踪的日志条目，无论日志级别如何。

1191 0

探索 Flutter 中的 NavigationRail：使用详解

color: Colors.grey), // 设置未选中项的标签文本颜色 // 其他配置属性... ) 4.2 自定义图标和标签您可以通过以下方法自定义导航栏的图标和标签：自定义图标：使用任何您喜欢的图标...以下是如何将 NavigationRail 与 PageView 结合使用的解释和演示： 5.1 解释如何结合页面切换组件使用 PageView： PageView 组件允许用户在页面之间滑动，因此非常适合与...您可以在 PageView 中放置不同的页面，并根据导航栏的选定项切换页面。...您还可以根据需要将其他页面添加到 PageView 中，以扩展应用程序的功能。 6. 响应式设计在设计 Flutter 应用程序时，响应式设计是至关重要的，特别是在考虑到不同设备尺寸和方向的情况下。...A: 当导航项超出屏幕宽度时，NavigationRail 会自动在侧边添加一个滚动条，用户可以通过滚动来查看所有导航项。 Q: 我应该何时使用 NavigationRail？

5281 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

PageView引发“_Positions.isNotEmpty”：ScrollController未附加到任何滚动视图

相关·内容

Flutter 滚动监听及实战appBar滚动渐变的实现

《Flutter》-- 6.高级组件

Flutter 首页必用组件NestedScrollView的示例详解

Flutter 首页必用组件NestedScrollView

Flutter开发实战分析-animation_demo瞎复写总结

Flutter可滑动组件

那些初学者实践 Flutter 最常出现的错误

Flutter完整开发实战详解(二、快速开发实战篇)

用AutoLayout实现分页滚动

Flutter完整开发实战详解(二、快速开发实战篇)

Flutter开发实战分析-animation_demo解析导读

干货 | Flutter在携程复杂业务的高性能之旅

【Flutter 专题】图解 ListView 下拉刷新与上拉加载 (二)

Flutter 入门指北之快速搭建界面(含Flutter知识体系)

Flutter技术与实战(4)

已中招！Android 基础面试常常吊死在这几个问题上……

ViewPager 详解（一）—基本入门

Android中文API——ScrollView

android studio logcat技巧

探索 Flutter 中的 NavigationRail：使用详解

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐