Flutter：使用 navigator.dart 时断言失败答案

【问题标题】：Flutter: Failed assertion while using navigator.dartFlutter：使用 navigator.dart 时断言失败
【发布时间】：2018-10-11 13:42:26
【问题描述】：

我是 Flutter 的新手，正在玩弄它。所以，请耐心等待我。

单击 PopupMenuButton 的特定菜单项时会引发以下异常，但总是仅第二次：

'package:flutter/src/widgets/navigator.dart'：断言失败：行 1846 pos 12: '!_debugLocked': 不正确。

这里是设置：

为了指定菜单项，定义了以下类：

class PopupMenuChoice {
  const PopupMenuChoice({this.title, this.pageRoute});

  final String title;
  final MaterialPageRoute pageRoute;
}

AppBar的actions属性中PopupMenuButton的定义：

new PopupMenuButton<PopupMenuChoice>(
    itemBuilder: (BuildContext context) {
      return _popupMenus.map((PopupMenuChoice choice) {
        return new PopupMenuItem<PopupMenuChoice>(
          value: choice,
          child: new Text(choice.title),
        );
      }).toList();
    },
    onSelected: _popupMenuSelected,
),

对应的Widgets定义在如下类中（AppBar在该类的“return new Scaffold”中创建）：

class RandomWordsState extends State<RandomWords> {
  final _suggestions = <WordPair>[];
  final _saved = new Set<WordPair>();
  final _popupMenus = <PopupMenuChoice>[];

  ...
}

如您所见，有一些私有变量用于保存 WordPair 对象，也用于菜单选项。

_popupMenus 列表在“构建覆盖”中设置：

@override
Widget build(BuildContext context) {
    // Setup page routes
    if (_popupMenus.where((p) => p.title == 'Saved Suggestions').length == 0) {
      final _pageRouteSavedSuggestions = new MaterialPageRoute(
        builder: (context) {
          final tiles = _saved.map(
            (pair) {
              return new ListTile(
                title: new Text(
                  pair.asPascalCase,
                  style: _biggerFont,
                ),
              );
            },
          );
          final divided = ListTile
              .divideTiles(
                context: context,
                tiles: tiles,
              )
              .toList();

          return new Scaffold(
            appBar: new AppBar(
              title: new Text('Saved Suggestions'),
            ),
            body: new ListView(children: divided),
          );
        },
      );
      _popupMenus.add(new PopupMenuChoice(
          title: 'Saved Suggestions', pageRoute: _pageRouteSavedSuggestions));
    }

    if (_popupMenus.where((p) => p.title == 'TEST Page').length == 0) {
      final _pageRouteTest = new MaterialPageRoute(
        builder: (context) {
          return new Scaffold(
            appBar: new AppBar(
              title: new Text('TEST Page'),
            ),
            body: new Text('Some content...'),
          );
        },
      );
      _popupMenus.add(
          new PopupMenuChoice(title: 'TEST Page', pageRoute: _pageRouteTest));
    }
    ...

在 PopupMenuChoice 的定义的 MaterialPageRoute 中，私有变量可能被访问（例如 _saved）。

这里对应PopupMenuButton的onSelected的事件处理函数：

void _popupMenuSelected(PopupMenuChoice choice) {
  Navigator.of(context).push(choice.pageRoute);
}

谁能解释为什么会抛出这个异常？以及如何预防？

谢谢，罗杰

第二次单击特定菜单项时来自调试控制台的附加信息：

E/flutter (17133): [错误:topaz/lib/tonic/logging/dart_error.cc(16)] 未处理的异常：E/flutter (17133)： 'package:flutter/src/widgets/routes.dart'：断言失败：第 177 行位置 12：“！_transitionCompleter.isCompleted”：无法安装处理后的 MaterialPageRoute。 E/颤振 (17133): #0
_AssertionError._doThrowNew (dart:core/runtime/liberrors_patch.dart:37:39) E/flutter (17133): #1
_AssertionError._throwNew (dart:core/runtime/liberrors_patch.dart:33:5) E/flutter (17133): #2
TransitionRoute.install（包：flutter/src/widgets/routes.dart） E/颤振（17133）：#3 ModalRoute.install (package:flutter/src/widgets/routes.dart:740:11) E/flutter (17133): #4 NavigatorState.push (包:flutter/src/widgets/navigator.dart:1444:11) E/flutter (17133)：#5 RandomWordsState.build._popupMenuSelected (file:///D:/Flutter%20Projects/startup_namer/lib/main.dart:166:29) E/颤振 (17133): #6
_PopupMenuButtonState.showButtonMenu。 (package:flutter/src/material/popup_menu.dart) E/flutter (17133): #7
_RootZone.runUnary (dart:async/zone.dart:1381:54) E/flutter (17133): #8 _FutureListener.handleValue (dart:async/future_impl.dart:129:18) E/flutter (17133): #9
Future._propagateToListeners.handleValueCallback (dart:async/future_impl.dart:633:45) E/flutter (17133): #10
Future._propagateToListeners (dart:async/future_impl.dart:662:32) E/颤振（17133）：#11 Future._completeWithValue (dart:async/future_impl.dart:477:5) E/flutter (17133): #12
Future._asyncComplete。 (dart:async/future_impl.dart:507:7) E/flutter (17133): #13
_microtaskLoop (dart:async/schedule_microtask.dart:41:21) E/flutter (17133): #14 _startMicrotaskLoop (dart:async/schedule_microtask.dart:50:5)

【问题讨论】：

您收到此错误是因为您试图在 MaterialPageRoute 已被处置后重用它（这就是它第一次工作的原因，然后一旦您通过关闭它来处置它，您就会得到这个第二次出错）。您可能应该根据需要生成它们，而不是在初始化时立即生成它们。
@KirollosMorkos 请看一下，我遇到了同样的错误here

标签： dart flutter

【解决方案1】：

    void _popupMenuSelected(PopupMenuChoice choice) {
      await Future.delayed(const Duration(milliseconds: 100));
      Navigator.push(context, choice.pageRoute);
    }

【讨论】：

请始终将您的答案放在上下文中，而不仅仅是粘贴代码。有关详细信息，请参阅here。
太棒了，谢谢你

【解决方案2】：

你试过了吗：

void _popupMenuSelected(PopupMenuChoice choice) {
  Navigator.push(context, choice.pageRoute);
}

【讨论】：

【解决方案3】：

假设你有 Auth Block , 你有 isLoggedIn = 假；以及发生登录网络调用的方法：

假设你设计这样的方法：

logIn(String userId,String Passwrod){
 url ....

if(response.body == 200){
isLoggedIn = true ;
return response.body;
}
}

现在在您的身份验证页面中：问题是：

在页面类的乞讨中，您有检查器：

(isLoggedIn){
Navigator.push(context, choice.pageRoute);
}

当用户点击提交按钮时，会出现这样的情况：

(){
Navigator.push(context, choice.pageRoute);

}

现在的问题是你得到了 Both Called 意味着 LoggedIn = true 然后这里的提交按钮响应就是问题所在。去掉首字母

(isLoggedIn){
Navigator.push(context, choice.pageRoute);
}

您的问题将得到解决。

将此检查器用于不在登录页面的另一个页面

【讨论】：