flutter列表无法滚动到底部_Flutter 监听列表滚动

import 'package:flutter/material.dart';

class ScrollNotificationTestRoute extends StatefulWidget {

@override

_ScrollNotificationTestRouteState createState() =>

new _ScrollNotificationTestRouteState();

}

class _ScrollNotificationTestRouteState

extends State {

String _progress = "0%"; //保存进度百分比

@override

Widget build(BuildContext context) {

return Scrollbar( //进度条

// 监听滚动通知

child: NotificationListener(

onNotification: (ScrollNotification notification) {

double progress = notification.metrics.pixels /

notification.metrics.maxScrollExtent;

//重新构建

setState(() {

_progress = "${(progress * 100).toInt()}%";

});

print("BottomEdge: ${notification.metrics.extentAfter == 0}");

return false; //放开此行注释后，进度条将失效

},

child: Stack(

alignment: Alignment.center,

children: [

ListView.builder(

itemCount: 100,

itemExtent: 50.0,

itemBuilder: (context, index) {

return ListTile(title: Text("$index"));

}

),

CircleAvatar( //显示进度百分比

radius: 30.0,

child: Text(_progress),

backgroundColor: Colors.black54,

)

],

),

),

);

}

}