时间戳

首页 > 解决方案 > Navigator.push 中未定义的上下文

flutter - Navigator.push 中未定义的上下文

问题描述

我正在创建一个可以跨多个页面使用的自定义 AppBar。customappbar.dart

class CustomAppBar extends AppBar {
  CustomAppBar({Key key, Widget title})
      : super(
          key: key,
          title: title,
          actions: <Widget>[
            IconButton(
              icon: Icon(Icons.directions_car),
              onPressed: () {
                Navigator.push(
                  context, //UNDEFINED
                  MaterialPageRoute(
                    builder: (context) => NewPage(),
                  ),
                );
              },
            ),
          ],
        );
}

这是它要去的地方的一个例子。newpage.dart

class _ NewPageState extends State<NewPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: CashOnHandAppBar(
        title: Text('New Page'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[],
        ),
      ),
    );
  }
}

上下文越来越不确定。缺少构建方法吗？

标签： flutter

解决方案

您正在扩展 AppBar 类，它不适用于自定义 appbar 您必须扩展 StatelessWidget 并为自定义 appbar 实现 PreferredSizeWidget 类这是自定义 appbar 的工作示例：-

import 'package:flutter/material.dart';

class SimpleAppBar extends StatelessWidget implements PreferredSizeWidget {
  final String _title;
  final bool centerTitle;

  SimpleAppBar(this._title, {this.centerTitle = false, Key key})
      : preferredSize = Size.fromHeight(56.0),
        super(key: key);

  @override
  final Size preferredSize; // default is 56.0

  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text(_title),
      centerTitle: centerTitle,
    );
  }
}

而不是直接将函数添加到自定义appbar中，而是将函数引用传递给类构造函数需要传递下面的函数添加引用：-

onPressed: () {
            Navigator.push(
              context, //UNDEFINED
              MaterialPageRoute(
                builder: (context) => NewPage(),
              ),

推荐阅读