【自学Flutter】23 滚动监听和 NotificationListener的使用

m0_60666452

于 2024-04-01 20:22:08 发布

阅读量1k

点赞数 30

分类专栏： 2024年程序员学习文章标签： flutter javascript 前端

本文链接：https://blog.csdn.net/m0_60666452/article/details/137245426

版权

2024年程序员学习专栏收录该内容

295 篇文章 2 订阅

订阅专栏

ScrollController scrollController = new ScrollController();

bool toTop = false;

String percent = “0%”;

@override

void initState() {

scrollController.addListener((){

print(scrollController.offset);

if(scrollController.offset<1000 && toTop){

setState(() {

toTop = false;

});

}else if(scrollController.offset>=1000 && toTop == false){

setState(() {

toTop = true;

});

}

);

}

@override

void dispose() {

scrollController.dispose();

super.dispose();

}

@override

Widget build(BuildContext context) {

return MaterialApp(

home: Scaffold(

appBar: AppBar(title: Text(“滚动监听”),),

body: Scrollbar(

child: NotificationListener(

onNotification: (ScrollNotification sn){

double progress = sn.metrics.pixels / sn.metrics.maxScrollExtent;

setState(() {

percent = “${(progress*100).toInt()}%”;

});

child: Stack(

alignment: Alignment.center,

children: [

ListView.builder(

itemCount: 100,

itemExtent: 50,

controller: scrollController,

itemBuilder: (context,index){

return ListTile(title: Text(“编号：$index”),);

CircleAvatar(

backgroundColor: Colors.black12,

radius: 30,

child: Text(percent,style: TextStyle(color: Colors.red),),

)

floatingActionButton: !toTop ? null : FloatingActionButton(

onPressed: (){

scrollController.animateTo(

duration: Duration(seconds: 2),

curve: Curves.ease);

child: Icon(Icons.arrow_upward),

)

);

}

2.解释源代码

import ‘package:flutter/material.dart’;

void main () => runApp(MyApp());

class MyApp extends StatefulWidget {

@override

_MyAppState createState() => _MyAppState();

}

class _MyAppState extends State {

//声明controller

ScrollController scrollController = new ScrollController();

//标识是否显示返回最顶按钮

bool toTop = false;

//滚动位置百分比

String percent = “0%”;

@override

void initState() {

scrollController.addListener((){

//打印监听位置

print(scrollController.offset);

if(scrollController.offset<1000 && toTop){

//更新状态

setState(() {

toTop = false;

});

}else if(scrollController.offset>=1000 && toTop == false){

setState(() {

toTop = true;

});

}

);

}

//为了避免内存泄露，需要调用_controller.dispose

@override

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

文章不易，如果大家喜欢这篇文章，或者对你有帮助希望大家多多点赞转发关注哦。文章会持续更新的。绝对干货！！！

Android进阶学习全套手册
关于实战，我想每一个做开发的都有话要说，对于小白而言，缺乏实战经验是通病，那么除了在实际工作过程当中，我们如何去更了解实战方面的内容呢？实际上，我们很有必要去看一些实战相关的电子书。目前，我手头上整理到的电子书还算比较全面，HTTP、自定义view、c++、MVP、Android源码设计模式、Android开发艺术探索、Java并发编程的艺术、Android基于Glide的二次封装、Android内存优化——常见内存泄露及优化方案、.Java编程思想（第4版）等高级技术都囊括其中。