Flutter ListView滚动到指定条目

找遍全网没有看到listview滚动到指定条目的方法，基本都是通过条目的高度计算达到效果。这样比较麻烦。通过研究发现一种简单的方法，但是不能使用listview组件，需要使用SingleChildScrollView这种没有条目缓存，一次性加载的滑动控件。如果是长列表必须使用ListView的话，那还是老老实实计算高度去吧。计算高度的实现方式查看我的其他博客。

下面是主要代码

这块就是显示列表中指定的context的条目

// 全部列表 记录的位置
GlobalKey? dataKey = GlobalKey();Scrollable.ensureVisible(dataKey.currentContext);Container(// 如果id是我要显示的那个条目的id// 那就把dataKey设置给keykey: item.id == select ? dataKey : null,child:Text("要显示的Item"));

下面是全部代码

// 全部列表 记录的位置
GlobalKey? dataKey = GlobalKey();List<Data> list = [];// 需要滚动的条目的id或者其他标记
String select = "";Widget _listWidget(){// 这个就是ui绘制完成后回调 在绘制完成后显示指定条目WidgetsBinding.instance?.addPostFrameCallback((callback) {logger.e("绘制完成");if (dataKey != null && dataKey!.currentContext != null) {// 显示指定条目Scrollable.ensureVisible(dataKey!.currentContext!);}});// 滑动列表
return SingleChildScrollView(child: Column(mainAxisSize: MainAxisSize.min,children: list.map((info){return Container(// 如果id是我要显示的那个条目的id// 那就把dataKey设置给keykey: info.id == select ? dataKey : null,child:Text("要显示的Item"))}).toList(),);
}

Flutter ListView滚动到指定条目相关推荐

flutter listview 滚动到指定位置_flutter入门
flutter的布局方法 Flutter一切皆组件widget. 使用Scaffold是最容易的,它是 Material Components库中的一个widget,它提供了一个默认banner,背景 ...
flutter listview 滚动到指定位置_Flutter 布局原理及实战
1. Flutter UI架构 Flutter将视图数据抽象成为三个部分,即Widget树.Element树和RenderObject树. Widget树:控件的配置信息,不涉及渲染,更新代价极低. ...
recyclerview滚动到指定条目
android recyclerview滚动到指定条目自从android5.0推出RecyclerView以后,RecyclerView越来越受广大程序员的热爱了!大家都知道RecyclerView ...
flutter listview 滚动到底部_??一个高颜值Flutter版WanAndroid客户端
1. 前言 ❝ 项目地址: https://github.com/xfhy/WanAndroid-Flutter ❞ 前段时间抽了点业余时间学了点Flutter入门,打算写个简单项目练练手.说实话,只 ...
flutter listview 滚动到底部_Flutter常用Widget详解（三）
前言前面两篇文章给大家介绍了Widget中对应原生开发中的一些常用基础控件,Text.TextField.Button.Dialog.Picker等,本篇我们将和大家一起学习ListView.Gri ...
flutter listview 滚动到底部_Flutter系列之Flex布局详解
PS:长期坚持是一件很难的事. Flutter 是 Google 推出的跨平台 UI 框架,可以快速地在 Android 和 IOS 上构建高质量的应用程序,其主要特点是 Flutter 具有快速开发 ...
flutter listview 滚动到底部_flutter实战项目，教你使用flutter打造仿微信app页面！...
flutter_wechat 源码地址:ding-zou/flutter-wechat A flutter app which clones wechat! 这是一个仿照微信样式基于flutter实现 ...
RecyclerView滚动指定条目并在页面中居中
RecyclerView滚动指定条目并在页面中居中内容提要本次的需求是通过指定position来控制条目滚动,并且要滚动到指定到中间的位置. 下面先上图,看看是不是你要如下介绍主要的步骤带着问 ...
Flutter ListView封装，下拉刷新、上拉加载更多
Flutter ListView封装,下拉刷新.上拉加载更多封装了Flutter的ListView,只要传递请求数据的方法和绘制item的方法进去就可以绘制ListView,同时支持下拉刷新.上 ...

Flutter ListView滚动到指定条目

Flutter ListView滚动到指定条目相关推荐

最新文章

热门文章