如何在 Flutter 的应用栏右上角创建一个带有图标的按钮

Question

I want to create a button under the appbar (navbar) with a button not too big just normal size but I couldn't. It needs to be on top right and icon will be on the right like "Categories(List Icon)"

Answer 1

I don't know how exactly you want it to be. As mentioned you can use endDrawer or else, like in the screenshot, you can do something like this,

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),
                  ]
               ),
            ),
          )
        ])
      ]),
    );

Output:

Hope that works!

Answer 2

You can try endDrawer in Scaffold from this example: https://api.flutter.dev/flutter/material/Scaffold/endDrawer.html