Flutter:如何自动滚动到SingleChildScrollView的结尾

j0pj023g  于 2022-12-05  发布在  Flutter
关注(0)|答案(2)|浏览(297)

我有一个SingleChildScrollView,它的scrollDirection被设置为Horizontal,在一个Row小部件中放置了5个子小部件。我想通过编程滚动到Row中的最后一个小部件,当到达最后一个小部件时(等待2秒),我想向后滚动。

SingleChildScrollView(
    scrollDirection:Axis.horizontal,
    child:Row(
            children:<Widget>[
                           Widget(),
                           Widget(),
                           Widget(),
                           Widget(),
                           Widget(),  
                         ],
            ), 
    ),

eni9jsuy

eni9jsuy1#

您可以通过以下方式使用滚动控制器来完成此操作。

ScrollController _controller;
  @override
  void initState() {
    super.initState();
    _controller = ScrollController();
     WidgetsBinding.instance.addPostFrameCallback((_) {
  _controller
      .animateTo(_controller.position.maxScrollExtent,
          duration: Duration(seconds: 1), curve: Curves.ease)
      .then((value) async {
    await Future.delayed(Duration(seconds: 2));
    _controller.animateTo(_controller.position.minScrollExtent,
        duration: Duration(seconds: 1), curve: Curves.ease);
  });
});
  }

  callMeWidget() {
    return Container(
      height: 100,
      width: 100,
      color: Colors.red,
      margin: EdgeInsets.all(10),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
        child: SingleChildScrollView(
          controller: _controller,
          scrollDirection: Axis.horizontal,
          child: Row(
            children: <Widget>[
              callMeWidget(),
              callMeWidget(),
              callMeWidget(),
              callMeWidget(),
              callMeWidget(),
            ],
          ),
        ),
      ),
    );
  }
snz8szmq

snz8szmq2#

我有一个更好更有效的方法:

SingleChildScrollView(
      scrollDirection: Axis.horizontal,
      reverse: true,
      child: Row(
        children: [
          Widget(),
          Widget(),
          Widget(),
          Widget(),
          Widget(),
        ],
      ),
    );

就这么简单:)
只要添加了新的小部件,它就会滚动到最后!

相关问题