我已经将ScrollController附加到[SliverAppBar,SliverList]的CustomScrollView上
在默认情况下,我将使用reverse:true和animateTo(0.0)将滚动移动到最后添加的元素,但是在这种情况下,使用reverse也将颠倒SliverAppBar/SliverList的顺序!
所以我想使用animateTo(sizeOfScrollableAfterElementAdded),但是我找不到这个值。
谢谢 !
最佳答案
您可以使用_scrollController.position.maxScrollExtent
滚动到末尾。确保在后框架回调中执行此操作,以便它将包括您刚刚添加的新项目。
这是一个银条列表的示例,随着添加更多项目,该列表会滚动到末尾。
import 'package:flutter/scheduler.dart';
import 'package:flutter/material.dart';
void main() {
runApp(new MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return new MaterialApp(
title: 'Flutter Demo',
home: new MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
State createState() => new MyHomePageState();
}
class MyHomePageState extends State<MyHomePage> {
ScrollController _scrollController = new ScrollController();
List<Widget> _items = new List.generate(40, (index) {
return new Text("item $index");
});
@override
Widget build(BuildContext context) {
return new Scaffold(
floatingActionButton: new FloatingActionButton(
child: new Icon(Icons.arrow_downward),
onPressed: () {
setState(() {
_items.add(new Text("item ${_items.length}"));
});
SchedulerBinding.instance.addPostFrameCallback((_) {
_scrollController.animateTo(
_scrollController.position.maxScrollExtent,
duration: const Duration(milliseconds: 300),
curve: Curves.easeOut,
);
});
},
),
body: new CustomScrollView(
controller: _scrollController,
slivers: [
new SliverAppBar(
title: new Text('Sliver App Bar'),
),
new SliverList(
delegate: new SliverChildBuilderDelegate(
(context, index) => _items[index],
childCount: _items.length,
),
),
],
),
);
}
}
关于flutter - 如何获得ScrollController的完整大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44141148/