Question

我正在制作一个练习应用程序，一发不可收拾：我该如何对齐小部件？ 1.图标停留在应用栏的最左侧 2.文本小部件位于中间。 3.按钮位于应用程序栏的最右侧。 https://pastebin.com/NDA1kwb0

Answer 1

您可以使用AppBar小部件来完成此操作。

注意：如果要实现抽屉，请使用抽屉属性。

 @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Title"),
        centerTitle: true,
        leading: Icon(Icons.menu),
        actions: [Icon(Icons.comment)],
      ),
      body: Container(),
    );
  }

Answer 2

在应用程序栏中使用

use actions属性，然后作为子级使用一行。在该行中，您可以使用MainAxisAlignment.spaceBetween或MainAxisAlignment.spaceAround来安排项目。

Answer 3

AppBar（title：Text（“ Your Text），Lead：Icon（Icons.menu），actions：[Icon（Icons.favourite）]）试试这个代码

如何对齐这些小部件？

3 个答案: