代码之家 › 专栏 › 技术社区 › Titan Garg

为什么导航器小部件出现异常?

widget navigation exception flutter

0

Titan Garg · 技术社区 · 2 年前

所以我试图使用导航小部件从主页转到about页面,但突然,我在navigator.push上发现了一个异常,上面写着“发生了异常”。 FlutterError(使用不包括Navigator的上下文请求的Navigator操作。用于从导航器推送或弹出路线的上下文必须是导航器小部件的子部件的上下文。)"

它说我还没有包括导航器,但我显然包括了,它还说导航器小部件必须是另一个navigatoe小部件的后代,我不明白这意味着什么。

同样对于上下文,by编辑器即使在运行代码后也不会显示任何语法错误。

这是代码:-

import 'package:flutter/material.dart';
// import 'dart:math' as math;

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Colors.brown,
          title: const Text('Flutter Practice'),
        ),
        body: ElevatedButton(
          child: Text('Navigate'),
          onPressed: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (_) => AboutScreen(),
              ),
            );
          },
        ),
      ),
    );
  }
}

class AboutScreen extends StatelessWidget {
  const AboutScreen({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.blue,
        title: const Text('About'),
      ),
    );
  }
}

enter image description here

1 回复 | 直到 2 年前

1

Mansoor Malik 2 年前

您需要确保 context 您正在使用的是有效的,并且来自Navigator小部件的子部件。在您的代码中,您使用 上下文 来自 build 的方法 MyApp 小装置。然而,由于 MyApp 是 StatelessWidget 是你的应用程序的根,它没有 Navigator 祖宗

要解决此问题,您可以将 ElevatedButton 用一个 Builder 小装置。这个 建设者 小部件创建一个新的 BuildContext 那是最近的后裔 Navigator 祖宗

body: Builder(
          builder: (context) {
            return ElevatedButton(
              child: Text('Navigate'),
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(
                    builder: (_) => AboutScreen(),
                  ),
                );
              },
            );
          }
        ),