颤振自己的应用栏需要带有导航的上下文

Question

我通过教程制作了一个带有渐变颜色的自己的应用栏。但是现在我无法使用按钮导航到我的设置视图。按钮需要上下文。你能帮我如何解决这个问题吗？谢谢！

class MyAppBar extends AppBar {
MyAppBar({Key key, Widget title}) 
: super(
key: key, 
title: title, 
centerTitle: true, 
flexibleSpace: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: <Color>[
Color.fromRGBO(255, 120, 84, 1),
Color.fromRGBO(236, 10, 131, 1)
])          
)),  
actions: <Widget>[
new IconButton(
icon: new Icon(Icons.notifications),
onPressed: ()=> print("tap"),
),
new IconButton(
icon: new Icon(Icons.settings),
onPressed: () => Navigator.pushReplacementNamed(context, Settings.id),
)
]);
}

Answer 1

您需要扩展 StatelessWidget 以获取 BuildContext，然后实现 PreferredSizeWidget，因为 AppBar 本身实现了它。

class MyAppBar extends StatelessWidget implements PreferredSizeWidget {
final String screenTitle;
MyAppBar({@required this.screenTitle});
@override
Widget build(BuildContext context) {
return AppBar(
title: Text(screenTitle),
actions: // Whatever you need
);
}
@override
Size get preferredSize => Size.fromHeight(kToolbarHeight);
}

您还需要覆盖获取首选大小并指定高度。在此示例中，我使用了 Flutter 已指定的常量，该常量为 56.0 用于 AppBar 的工具栏组件。

Answer 2

您可以将新参数传递给 MyAppBar({键键，小部件标题}(作为上下文： MyAppBar({Key key， Widget title， BuildContext context}( 然后在 MyAppBar 中使用它。 当使用Navigator.pushReplacementNamed(context，"some.path"(时，它可以在我这边完成工作 您必须在 MyAppBar 类定义中添加此类参数并使其成为必需的