如何控制Flutter中两个部分之间的时间延迟?

问题描述 投票:2回答:2

我正在制作一个包含两个部分的应用。一种是PageView部分,您可以通过滑动动作来更改页面。另一个页面显示更改页面后当前所处的页面。但是有时间延迟。当我将第一页更改为第二页时,下半部分的更改大约延迟了0.5秒。

为了找到任何原因,我将index声明为double(现在重新声明为int)。当我在第一部分的页面视图中更改页面时,下部显示了十进制更改(例如,不是1-> 2,而是1.0-> 1.xxx-> 2)。我还尝试了Switch-case语句。在此语句中,默认为返回Text('nothing')。而且我发现在进行更改时,下部没有任何显示。

    import 'package:flutter/material.dart';

    class HomePage extends StatefulWidget {
      @override
      _HomePageState createState() => _HomePageState();
    }

    class _HomePageState extends State<HomePage> {
      static final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
      final controller = PageController(initialPage: 0);
      var scrollDirection = Axis.horizontal;
      var actionIcon = Icons.swap_vert;
      int index;

      @override
      void initState() {
        super.initState();
        index = 0;
        controller.addListener(() {
          setState(() {
            index = controller.page.toInt();
          });
        });
      }


      @override
      Widget build(BuildContext context) {
        return Scaffold(
          key: _scaffoldKey,
          appBar: AppBar(
            centerTitle: true,
            title: Text('it\'s a drill for page view'),
          ),
          body: _buildBody(),
        );
      }

      Widget _buildBody() {
        return SafeArea(
          child: Column(
            children: <Widget>[
              Expanded(
                child: PageView.builder(
                  controller: controller,
                  itemCount: 5,
                  itemBuilder: (context, index) {
                    return Text('it is $index');
                  },
                )
                ),
              Expanded(
                child: FittedBox(
                  fit: BoxFit.fitWidth,
                  child: Container(
                    color: Colors.blue,
                    child: _showContent()
                  ),
                ),
              )
            ],
          ),
      );
      }

      Widget _showContent() {
        switch (index) {
          case 0: return Text('One');
          break;
          case 1: return Text('Two');
          break;
          case 2: return Text('Three');
          break;
          case 3: return Text('Four');
          break;
          case 4: return Text('Five');
          break;
          default: return Text('Nothing');
        }
      }
    }

我希望两部分都没有任何延迟。有什么解决办法吗?请帮我。我是一个真正的初学者。所以也许我请您原谅。但是我从来没有让这个问题无人值守。非常感谢。

flutter dart delay
2个回答
1
投票

可能在PageController侦听器中舍入当前页面的值更适合您。

这里是修改后的侦听器代码:

controller.addListener(() {
  setState(() {
    index = controller.page.round();
  });
});

4
投票
 Timer(
    Duration(seconds: 3),
        (){ //return YOU CAN PUT YOUR STUFF HERE.});
© www.soinside.com 2019 - 2024. All rights reserved.