Flutter ScrollController maxScrollExtent等于0.0

Flutter ScrollController maxScrollExtent是指滚动视图（如ListView、GridView等）的最大滚动距离。当滚动视图滚动到底部时，maxScrollExtent的值即为整个内容区域的高度减去视窗的高度。

滚动视图通常会包含大量的内容，而屏幕只能显示一部分内容。当用户滚动视图时，滚动控制器会根据滚动的位置来更新maxScrollExtent的值。通过比较滚动的偏移量和maxScrollExtent的值，我们可以判断用户是否滚动到了底部。

maxScrollExtent的值为0.0表示滚动视图的内容区域的高度等于视窗的高度，也就是说，内容区域不足以滚动，因此无法滚动到底部。

如果想要创建一个可以滚动的视图，确保滚动控制器的maxScrollExtent不为0.0，可以通过增加内容的高度或者减小视窗的高度来实现。

以下是腾讯云相关产品和产品介绍链接地址，供参考：

云服务器（CVM）：提供可扩展的计算容量，帮助您快速构建稳定、可靠的应用程序和服务。详情请参考：云服务器产品页
云数据库 MySQL版：高可用、可扩展的关系型数据库服务，适用于各种应用场景。详情请参考：云数据库 MySQL版产品页
云开发（CloudBase）：一站式后端云服务，提供强大的云函数、云数据库、云存储等功能，助力开发者快速构建应用。详情请参考：云开发产品页
云原生容器服务 TKE：支持全新容器化架构，提供高可用、弹性扩展的容器集群管理服务。详情请参考：云原生容器服务 TKE产品页
云音视频通信（TRTC）：实时音视频云服务，为开发者提供快速构建音视频通信能力的解决方案。详情请参考：云音视频通信 TRTC产品页

以上是腾讯云的相关产品，可以根据具体的需求选择适合的产品进行开发和部署。

相关·内容

flutter组件5【上滑加载】

一、解释 flutter并没有提供上滑加载的组件，我们需要像安卓一样进行滚动监听，然后处理footer，header，list数组等变量来实现二、 ScrollController 上滑加载用到的...三、核心 ScrollController _scrollController = new ScrollController(); _scrollController.addListener...((){ if(_scrollController.position.pixels == _scrollController.position.maxScrollExtent..., ); } 2.我们看加载效果条的逻辑我们定义了一个组件，当加载状态等于加载中时，我们显示出加载条，否则隐藏效果主要是visible属性进行控制 Widget _pad(Widget...= 0.0, t ??= 0.0, r ??= 0.0, b ??

1K2 0

Flutter 中的下拉刷新和上拉加载

if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent)...关于我写的这个Demo，我有一点不明白，当页面滑到最底部的时候，_scrollController.position.pixels等于_scrollController.position.maxScrollExtent...但是ListView是有弹簧效果的，当你把页面滚动到最底部之后，它不会立马停住，而是继续往下弹一下再返回来，也就是说，pixels会在等于maxScrollExtent之后继续往上涨（大于maxScrollExtent...），然后再返回等于maxScrollExtent。...这样就会有两次_scrollController.position.pixels等于_scrollController.position.maxScrollExtent被监听到，按道理会进行两次网络请求

4.1K2 0

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

和尚上次尝试 ListView 异步加载列表数据时，用了三方库 flutter_refresh，这种方式使用很简单。但列表数据的加载也绝非一种，和尚这次准备用原生尝试一下。...且在非底部时 maxScrollExtent 和 offset 值会相等。使用该类监听时更灵活，有些操作并非到底部才会进行处理等。...dataNotification(ScrollNotification notification) { if (notification is ScrollUpdateNotification) { if (_scrollController.mostRecentlyUpdatedPosition.maxScrollExtent...> _scrollController.offset && _scrollController.mostRecentlyUpdatedPosition.maxScrollExtent...), ])),); } return childWidget; } } ---- 和尚刚接触 Flutter 时间不长，还有很多不清楚和不理解的地方

1K2 1

Flutter ScrollView上拉加载更多关于学习

if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent &&...在Flutter的github issuses里面，也有人提到了这个问题，但是官网上并没有一个很好的教程指引。思路是得到滑动的偏移量，跟ListView总的高度进行比对。...ScrollController里面有一个mostRecentlyUpdatePosition,这个对象的maxScrollExtent是可以滑动的最大距离，当滑动到底部的时候，maxScrollExtent...if (_scrollController.mostRecentlyUpdatedPosition.maxScrollExtent > _scrollController.offset...&& _scrollController.mostRecentlyUpdatedPosition.maxScrollExtent - _scrollController.offset

1.9K3 0

【Flutter】ListView 列表高级功能 ( ScrollController 上拉加载更多 )

可以获取当前滚动的像素点 ; 调用 _scrollController.position.maxScrollExtent 可以获取当前最大可滚动位置 ; 如果上述两个值相等 , 那么说明已经滚动到列表最底部了...是当前像素点位置 /// _scrollController.position.maxScrollExtent 当前列表最大可滚动位置 /// 如果二者相等 , 那么就触发上拉加载更多机制...if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent)...(() { /// _scrollController.position.pixels 是当前像素点位置 /// _scrollController.position.maxScrollExtent..._scrollController.position.maxScrollExtent) { /// 触发上拉加载更多机制 _loadMore(); }

1.9K2 0

Flutter-常用组件(持续更新)Flutter-常用组件(持续更新)题纲：注：

RawGestureDetector手势监听篇幅有点长单独记录了常用组件--RawGestureDetector 5.RefreshIndicator上拉加载、下拉刷新控件 final _scrollV = ScrollController...(); @override void initState() { super.initState(); //为ScrollController增加监视者 _scrollV.addListener...(() { if (_scrollV.offset == _scrollV.position.maxScrollExtent && _scrollV.position.maxScrollExtent...= 0.0) { loadMore(); } }); } { ... child:RefreshIndicator( //触发刷新偏移距离...传送门: Flutter-汇总

7202 0

【Flutter 专题】21 图解 ListView 下拉刷新与上滑加载（三）

RefreshIndicator 下拉刷新 Flutter 提供了自带刷新效果的 RefreshIndicator，这也是网上大神们用的最多的 Widget 之一，使用方式也很简单，RefreshIndicator...ScrollController 上滑动加载更多至此，列表的下拉刷新就完成了，接下来处理【上滑加载更多】，这时我们可以借助 ScrollController，用来监听列表是否滑动到底部，主要分两步...ScrollController _scrollController = new ScrollController(); @override void initState() { super.initState...(); _scrollController.addListener(() { if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent...rowNumber); isShowLoading = false; return null; }); }); } } ---- 和尚刚接触 Flutter

1.3K4 1

Flutter完整开发实战详解(十八、神奇的ScrollPhysics与Simulation)

作为系列文章的第十八篇，本篇将通过 ScrollPhysics 和 Simulation ，带你深入走进 Flutter 的滑动新世界，为你打开 Flutter 滑动操作的另一扇窗。...= null) _physics = widget.physics.applyTo(_physics); final ScrollController controller = widget.controller...= 0.0); assert(position.minScrollExtent <= position.maxScrollExtent); if (!...); final double overscrollPastEnd = math.max(position.pixels - position.maxScrollExtent, 0.0);...&& position.pixels >= position.maxScrollExtent) return null; if (velocity < 0.0 && position.pixels

14.5K6 1

Flutter中使用flutter_html解析html文件

dependencies: flutter: sdk: flutter flutter_localizations: sdk: flutter date_format: ^1.0.6...import 'package:flutter_html/flutter_html.dart'; import 'package:flutter_html/html_parser.dart'; import..._scrollController = new ScrollController(); @override void initState() { super.initState...// print(_scrollController.position.pixels); // 获取整个页面的高度 // print(_scrollController.position.maxScrollExtent...); if(_scrollController.position.pixels>_scrollController.position.maxScrollExtent-40){

5.7K1 0

Flutter 实现简单聊天界面下拉滑动加载更多

LoadIndicator() : chatItemWidget(index); 判断是否出发刷新的逻辑也很简单，当_scrollController.position.pixels大于等于_scrollController.position.maxScrollExtent...if (_scrollController.position.pixels >= _scrollController.position.maxScrollExtent) { if (_isLoading...position.minScrollExtent < position.pixels) // hit top edge return value - position.minScrollExtent; return 0.0

3.4K3 0

Flutter 实现简单聊天界面下拉滑动加载更多

1.2K1 0

《Flutter》-- 6.高级组件

参阅书籍：《Flutter跨平台开发入门与实践》-- 向治洪（著） 6. 高级组件 6.1 可滚动组件对于列表和长布局的显示溢出问题，可以使用Flutter提供的可滚动组件来处理。...ScrollController组件的构造函数： ScrollController({ double initialScrollOffset = 0.0,//初始化滚动位置 this.keepScrollOffset...NotificationListener组件支持的属性如下： pixels：当前滚动位置； maxScrollExtent：最大可滚动长度； extentBefore：距离滚出视图窗口顶部的长度； extentInside...：视图窗口内部长度，大小等于屏幕显示的列表长度； extentAfter：列表中未滑入视图窗口部分的长度； atEdge：是否滚动到了可滚动组件的边界。...notification) { double progress = notification.metrics.pixels / notification.metrics.maxScrollExtent

10.6K2 0

Flutter中实现下拉刷新与上拉加载更多

下拉刷新 Flutter中提供了组件 RefreshIndicator用于下拉刷新。...上拉加载更多 Flutter中主要通过使用 ListView.builder( ) 添加控制器来实现上拉加载更多。...代码实例 import 'package:flutter/material.dart'; import 'dart:convert'; import 'package:dio/dio.dart';...// print(_scrollController.position.pixels); // 获取整个页面的高度 // print(_scrollController.position.maxScrollExtent...); if(_scrollController.position.pixels>_scrollController.position.maxScrollExtent-40){

3.2K1 0

Flutter中的html内容加载

_scrollController = ScrollController(); int _page = 1; //请求第几页数据，用于分页请求数据 bool _haveMore = true;..._requestData(); //监听滚动条的滚动事件 _scrollController.addListener(() { // print(_scrollController.position.pixels...); //滚动的距离 // print(_scrollController.position.maxScrollExtent); //最大滚动范围 //当滚动到最底部的时候，加载新的数据...if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent)...itemBuilder: (context, index) { /** * 当当前index等于数据源数据的长度减

16.6K4 3

如何使用Flutter开发一款电影APP详解

前言使用Flutter开发一款App是一件非常愉快的事情，其出色的性能、跨多端以及数量众多的原生组件都是我们选择Flutter的理由！...Flutter没有直接提供上拉加载的组件，但是也是很容易实现，通过ListView的controller来做判断即可：当前滚动的位置是否到达最大滚动位置_scrollController.position.pixels...== _scrollController.position.maxScrollExtent 为了获得良好的用户体验，Tab来回切换的时候，我们不希望页面重新渲染，Flutter提供了混入类AutomaticKeepAliveClientMixin..._scrollController = ScrollController(); @override void initState() { super.initState(); _scrollController.addListener...(() { if (_scrollController.position.pixels == _scrollController.position.maxScrollExtent) {

1.2K2 1

Flutter 中使用 Socket.io 实现即时通信

如果无法正常下载，执行 flutter pub get 。 2. 引入插件在需要用到的该插件的文件中引入插件包。...使用插件 import 'package:flutter/material.dart'; // 引入Socket.io import 'package:socket_io_client/socket_io_client.dart..._scrollController = new ScrollController(); IO.Socket socket; List messageList=[]; @override..._scrollController.jumpTo(_scrollController.position.maxScrollExtent+80); }); /..._scrollController, itemCount: this.messageList.length, itemBuilder: (

3K1 0

flutter 中监听滑动事件

Flutter 中可以使用 Listener widget 来监听原始触摸事件，它也是一个功能性 widget。...ScrollController _scrollController = new ScrollController(); // 初始化滚动监听器，加载更多使用 1、直接监听_scrollController...== _scrollController.position.maxScrollExtent) { // do something } }); RefreshIndicator(...==滑动距离=======${(position - downY)}"); var scrollExtent = scrollController.position.maxScrollExtent...; print("scrollController==ListView最大长度===${scrollExtent}"); print("scrollController==所摸点长度

3.5K3 0

ListView的使用

BoxShadow( color: Colors.grey.withOpacity(0.3), offset: Offset(0.0..., 0.0), blurRadius: 3.0, spreadRadius: 0.0, ), ],...的使用 class _ListViewPageState extends State { ScrollController _scrollController = ScrollController(...(() {//添加监听 print("滑动了：${_scrollController.position.pixels}, 离顶部高：${_scrollController.position.maxScrollExtent...(() { if (_scrollController.position.pixels ==//说明滑到底部 _scrollController.position.maxScrollExtent

7731 0

Flutter开发之Widget自定义总结

前言在Flutter实际开发中，大家可能会遇到flutter框架中提供的widget达不到我们想要的效果，这时就需要我们去自定义widget，从Flutter构建、布局、绘制三部曲中我们了解到，实际的测量...例：下拉刷新，上拉加载实现一：通过自带的RefreshIndictor和ScrollController组合实现 ?...思路：通过对滚动进行监听来触发加载更多 _scrollController.addListener(() { var maxScroll = _scrollController.position.maxScrollExtent...; if (_scrollController.offset = maxScroll) { if (widget.loadMoreStatus !...Flutter的学习者共同学习，相互探讨。

4751 0

Flutter中mixin的使用详解

其中有一个类型为List<T 的数据列表listData，有个page数据用于分页，isLoading用来判断是否正在加载数据，scrollController用于列表控制器如果存在大量这种页面则可以用...mixin来处理，不免大量重复的代码 import 'package:flutter/material.dart'; import 'package:flutter_app/app/model/ListViewJson.dart...scrollController = ScrollController(); /// 初始化数据 Future<void initData() async { setState(() {...isLoading && scroll.metrics.maxScrollExtent <= scrollController.offset; } bool onNotification(ScrollNotification...中mixin的使用的文章就介绍到这了,更多相关flutter mixin使用内容请搜索ZaLou.Cn以前的文章或继续浏览下面的相关文章希望大家以后多多支持ZaLou.Cn！

1.6K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

Flutter ScrollController maxScrollExtent等于0.0

相关·内容

flutter组件5【上滑加载】

Flutter 中的下拉刷新和上拉加载

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

Flutter ScrollView上拉加载更多关于学习

【Flutter】ListView 列表高级功能 ( ScrollController 上拉加载更多 )

Flutter-常用组件(持续更新)Flutter-常用组件(持续更新)题纲：注：

【Flutter 专题】21 图解 ListView 下拉刷新与上滑加载（三）

Flutter完整开发实战详解(十八、神奇的ScrollPhysics与Simulation)

Flutter中使用flutter_html解析html文件

Flutter 实现简单聊天界面下拉滑动加载更多

Flutter 实现简单聊天界面下拉滑动加载更多

《Flutter》-- 6.高级组件

Flutter中实现下拉刷新与上拉加载更多

Flutter中的html内容加载

如何使用Flutter开发一款电影APP详解

Flutter 中使用 Socket.io 实现即时通信

flutter 中监听滑动事件

ListView的使用

Flutter开发之Widget自定义总结

Flutter中mixin的使用详解

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐