flutter 获取定位_Flutter 初始化ListView定位子组件位置

本文介绍了在Flutter应用中,如何在横屏转竖屏时,利用ScrollController和ListView保持PDF阅读的页码定位。通过计算初始滑动偏移量并调用position.moveTo()方法,实现在页面生命周期内的定位。同时,监听ScrollController的滑动事件,动态更新页码,确保竖屏至横屏的转换也能准确跳转。
摘要由CSDN通过智能技术生成

一、概述

在开发过程中,我遇到了一个问题:PDF阅读,横屏切换为竖屏时,需要定位到横屏当前阅读的页码,而在竖屏页使用了LIstView滑动组件,所以初始化显示时就需要定位到当前阅读页码。

二、原理

根据横屏页面的页码,确定LIstView的初始滑动偏移量,然后使用定位方法_offsetController.position.moveTo(double)定位至这个值即可。

三、实现

首先需要获取滑动偏移量

ScrollController _offsetController= ScrollController(); //定义ListView的controller

var oldOffset; //定义初始滑动偏移量

if(!mounted) return;

setState(() {

_isVertical = !_isVertical;

oldOffset=(_pageNumber-1)*(screenHeight-90.px); //获取滑动偏移量

//在页面生命周期build结束之后,回调此方法进行定位

WidgetsBinding.instance.addPostFrameCallback((timeStamp) {

_offsetController.position.moveTo(oldOffset);

});

});

完成了横屏至竖屏的跳转,接着就是完成竖屏至横屏的跳转,也是根据滑动偏移量进行处理:

@override

void initState(){

super.initState()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值