Question

我正在创建一个可在多个页面上使用的自定义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>[],
        ),
      ),
    );
  }
}

上下文变得不确定。缺少构建方法吗？

Answer 1

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

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(),
              ),

Navigator.push中未定义上下文

1 个答案: