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

Question

我正在制作一个由两个部分组成的应用程序。其中一个是页面 View 部分，您可以通过滑动 Action 更改页面。另一个显示您更改页面后现在所在的页面。但有时间延迟。当我更改页面(例如从第一页到第二页)时，下部的更改大约有 0.5 秒的延迟。

为了找到任何原因，我将index声明为double(现在重新声明为int)。我发现当我在第一部分 PageView 中更改页面时，下半部分显示小数变化(例如不是 1 -> 2，而是 1.0 -> 1.xxx -> 2)。 我还尝试了 Switch-case 语句。在此语句中，默认为 returns 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');
        }
      }
    }

我希望两部分没有任何延迟。有什么解决办法吗？ 请帮我。我是一个真正的初学者。所以也许我请你原谅。但我从来没有忽视这个问题。非常感谢。

Answer 1

 Timer(
    Duration(seconds: 3),
        (){ //return YOU CAN PUT YOUR STUFF HERE.});