在 Flutter 中推送到新屏幕时，上一个屏幕的功能仍在调用

Question

我是新来的颤振。我有两个屏幕。我的第一个屏幕是Stateful，它包含一个使用FutureBuilder 开发的列表视图，当我选择一个项目时，我将应用程序推送到一个同样为Stateful 类型的新屏幕。

当我移动到新屏幕时，之前屏幕的功能仍在调用，我不知道为什么会这样。

这就是我所做的：

InkWell(
         onTap: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => QuizDetail(
                            quizID: featuredContests.id,
                          ),
                        ),
                      );
                    },
                    child: Card(...))// InkWell Closed

下一屏

class QuizDetail extends StatefulWidget {

  final int quizID;
  // In the constructor, require a QuizID.
  QuizDetail({Key key, @required this.quizID}) : super(key: key);

  @override
  _QuizDetailState createState() => _QuizDetailState();

}

class _QuizDetailState extends State<QuizDetail> {
  @override
  void initState() {

    super.initState();

    getQuizDetail(quizID: widget.quizID);

  }

它会调用这个函数，但它也会调用上一个屏幕中的函数，该函数用于从“A”网络获取数据，并且 initState 包含一个用于从 API“B”获取数据的函数，但是数据不是从“B”收到的，而是来自“A”，整个过程被驳回。有人可以帮忙吗？

Answer 1

如果您在推送新屏幕后不打算返回第一个屏幕，请尝试使用Navigator.pushReplacement() 而不是Navigator.push()。

Navigator.push() 仅将新屏幕推到当前屏幕上方。它不会丢弃下面的屏幕，因此如果您在代码中的某个位置重建小部件树，调用堆栈中的所有屏幕都将被重建。

Navigator.pushReplacement() 弹出当前最顶部的屏幕并将新屏幕推送到其位置。

另外，如果您打算返回第一个屏幕，您可以将onTap 方法标记为async 并使用await 强制您的程序等到QuizDetail 屏幕使用@987654330 弹出@。

更多关于 Flutter 中导航的信息可以在here找到。

例子-

onTap: () async{
  await Navigator.push(
    //Rest of the code is same.
  );
}