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

Question

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

标签： flutterdartflutter-layoutflutter-dependencies

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

输出：

希望有效！