如何在 Flutter 的应用栏下方创建一个带有图标的按钮答案

【问题标题】：How can I create a button with an icon on the top right under the appbar on Flutter如何在 Flutter 的应用栏下方创建一个带有图标的按钮
【发布时间】：2020-12-10 20:57:55
【问题描述】：

我想在应用栏（导航栏）下创建一个按钮，按钮不是太大，只是正常大小，但我做不到。它需要在右上角，图标将在右侧，如“类别（列表图标）”

【问题讨论】：

你试过什么？请在您的问题中输入代码。
Row( children: [ Column( mainAxisSize: MainAxisSize.min, children:[ Align(alignment: Alignment.topRight, child: IconButton( icon: Icon(Icons.view_list) , onPressed: (){ Navigator.push(context,MaterialPageRoute(builder: (context)=> Categories()));}, ),) ], ), ], ),

标签： flutter dart flutter-layout flutter-dependencies

【解决方案1】：

我不知道你到底想要怎样。如前所述，您可以使用endDrawer 否则，就像在屏幕截图中一样，您可以执行以下操作，

Scaffold(
      appBar: AppBar(title: Text('Category Demo')),
      body: Column(children: [
        Row(mainAxisAlignment: MainAxisAlignment.end,
          children: [
          Container(
            width: 130.0,
            child: FlatButton(
              onPressed: () {
                Navigator.push(context,
                    MaterialPageRoute(builder: (context) => Categories()));
              },
              child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  children: [
                    Text("Categories"),
                    Icon(Icons.menu),
                  ]
               ),
            ),
          )
        ])
      ]),
    );

输出：

希望有效！

【讨论】：

【解决方案2】：

您可以从这个示例中尝试在 Scaffold 中使用 endDrawer： https://api.flutter.dev/flutter/material/Scaffold/endDrawer.html

【讨论】：

是的，我需要那个 view_list 图标正好在那个地方或下面如果我可以创建它，我会直接打开类别页面