如何解决如何让 openEndDrawer() 响应我的自定义 AppBar 按钮而不是虚构的 AppBar 按钮?
我对 Flutter/dart 比较陌生,我想在用户点击我的自定义应用栏上的汉堡菜单时以编程方式打开一个抽屉。但是,在实现以下代码后,
profile_page.dart
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: CustomScrollView(
slivers: [
SliverAppBar(
floating: false,pinned: true,primary: true,flexibleSpace: TopBar(
title: "Profile",hasBackButton: false,hasHamburgerMenu: true,openDrawer: () {
Scaffold.of(context).openEndDrawer();
},),collapsedHeight: 180,expandedHeight: 180,backgroundColor: Color.fromrGBO(250,250,1),)
],)),endDrawer: Drawer(
child: ListView(
padding: EdgeInsets.zero,children: [
DrawerHeader(
decoration: Boxdecoration(color: Theme.of(context).accentColor),child: Text("Drawer Header")),ListTile(
title: Text("Test 1"),onTap: () {
Navigator.pop(context);
},)));
}
top_bar.dart
Widget build(BuildContext context) {
return Container(
child: Padding(
padding: const EdgeInsets.only(top: 25.0),child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,children: [
if (hasBackButton ?? true)
Container(
child: GestureDetector(
child: Image(
image: Assetimage("assets/images/prevIoUs.png"),color: Theme.of(context).accentColor,width: 25,height: 25),onTap: onpressed,)
else
Text(""),Text(""),Text(title ?? "Top Bar",style: TextStyle(
fontSize: 24,fontWeight: FontWeight.w800,color: Theme.of(context).accentColor)),if (hasHamburgerMenu ?? false)
InkWell(
onTap: openDrawer,child: Icon(Icons.menu))
else
Text("")
],);
}
我的界面显示 openEndDrawer()
被标记为“虚构的”AppBar 汉堡菜单按钮,而不是我的汉堡菜单图标,如下面的屏幕截图所示。
响应 onTap()
的白色汉堡菜单根本没有在我的应用中编码。
很高兴我能在这方面获得任何形式的帮助。谢谢!
解决方法
End Drawer 是 Scaffold 的一部分,因此您可以像这样打开 Drawer:
Scaffold.of(context).openEndDrawer();
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。